Jump to content
Sign in to follow this  
shunarjuna

Using Headings as tab titles (or styling tabs)

Recommended Posts

shunarjuna    0
shunarjuna

I want to use tabs for the content of one page with the tab titles as <h3> (I am using cufon for my heaings and can't just use font-family/size, and I have the same issue even without cufon). When I do this however the tab title section gets about 30px padding on the bottom and 80px on the top and I can't seem to get rid of it with css. I have tried using firebug and styling the tab classes I found in class.shortcodes.php but the most I could manage was changing the background colour and slightly reducing the padding and margins.

 

Here is an example; http://www.tmmwebsites.com.au/floyd/tabs/

 

Any help?

 

Thanks.

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

Hi,

 

Unfortunately, we do not recommend or support changes to the core files. What you're trying to achieve with the headers as tabs, isn't possible out of the box, as faras I know, without custom code. Therefore, I recommend you either try using the Bootstrap tabs code or use a plugin.

 

http://twitter.github.io/bootstrap/javascript.html#tabs


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
shunarjuna    0
shunarjuna

Okay, thanks. I've never used it before but I'll give the Bootstrap code a go.

Should I put the bootstrap code in Custom code section of the Pagelines site options, or create a seperate .js file in my child theme?

(Also, just so were're clear, I wasn't trying to edit the core files. I was just putting <h3> tags around the title inside the [pl_tabtitle] shortcode.)

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

Bootstrap is already implemented into the framework, so you should be able to use the HTML code without anything else, you can add the HTML code into your page/post editor. If that doesn't work, you may need to use a plugin from the Wordpress Repository.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
shunarjuna    0
shunarjuna

Hmm... Doesn't quite work. The tab content wouldn't change and I still got the same padding issue. I'll find another way. Thanks for the help quick replys.

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

No problem, I hope you find a tab alternative that allows h3 tags.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
shunarjuna    0
shunarjuna

Just to let you know, I found an acceptable Google font and just wrapped the title in a <span style="font-family... etc. Or better yet just define it in my child theme's style sheet. All is good now.

 

Thanks again,

 

...Pagelines Rocks!

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×