Archived

This topic is now archived and is closed to further replies.

  • 0

Using Headings as tab titles (or styling tabs)

Question

Posted · Report post

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

6 answers to this question

Posted · Report post

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.

Share this post


Link to post
Share on other sites

Posted · Report post

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

Share this post


Link to post
Share on other sites

Posted · Report post

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

Posted · Report post

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

Posted · Report post

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

Share this post


Link to post
Share on other sites

Posted · Report post

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