Public Forums 71,145 posts

[activesenior Friend activeseniorJoin date: April 2015Posts: 45Downloads:15Uploads:14 Thanked: 1 times in 1 posts]

#732275

I cannot get tabs in Purity III standard template according to this blogpost http://extensions.joomla.org/blog/item/native-tabs? I have tried other templates, Protostar for instance, and it works. Any tip?

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#754481

Hi,

This way will help you to fix this bug

+ Create templates/purity_iii/css/custom.css file and add new css style


dl.tabs dt.open {
background-color: #FFF ;
border-bottom: 1px solid #FFF ;
}
dl.tabs dt.tabs {
float: left;
margin-left: 3px;
padding: 4px 10px;
background-color: #F0F0F0 ;
border-top: 1px solid #CCC ;
border-left: 1px solid #CCC ;
border-right: 1px solid #CCC ;
}

dl.tabs {
float: left;
margin-bottom: -1px;
}
dl {
margin-bottom: 18px;
}
user agent stylesheetdl {
display: block;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
}

dl.tabs dt.tabs h3 {
margin: 0;
font-size: 1.1em;
font-weight: normal;
}
h1, h2, h3, h4, h5, h6, .site-title {
font-family: 'Open Sans', sans-serif;
}
h3 {
font-size: 18px;
line-height: 20px;
}

dl.tabs dt.tabs h3 a {
color: #0088CC ;
}
a {
color: #08c ;
text-decoration: none;
}

div.current dd.tabs {
margin: 0;
padding: 10px;
clear: both;
border: 1px solid #CCC ;
background-color: #FFF ;
}
dl.tabs dt.tabs h3 a:hover {
color: #005580;
text-decoration: none;
}

dl.tabs dt.open h3 a {
color: #000 ;
text-decoration: none;
}


Let me know if it helps

Regards

[Author]

Posts