Jump to content


Welcome to the forum:

Welcome to the iThemes, PluginBuddy and WebDesign.com forum. We've created several tutorial video's to help you get you started with using the forum, please check them out!

Also take note of the forum guidelines.


Support hours:

Our moderators actively respond to forum support requests during normal business hours which are Monday-Friday, 8am - 5pm Central Standard Time, typically within one business day. Although some moderators choose to work during the weekends, we can not guarantee immediate attention to your requests. Thanks for understanding.

What is included with support:

Premium support includes theme/plugin issues such as: bugs encountered under normal operation, how to use basic features, basic WordPress help, and basic help with customization (meaning we point you to resources and will help in more depth as time allows). More information.

in progress

Style Tabber To Match Content



This topic has been archived. This means that you cannot reply to this topic.
3 replies to this topic

#1 lyrobertson

lyrobertson

    Member

  • Members
  • PipPip
  • 23 posts

Posted 27 May 2013 - 02:10 PM

Hi

http://www.testsite.virtualofficeangel.com/support

I would like to match the tabber to the content style.   I would like the font, background, spacing etc to match so that the tabbed content looks part of the site.  

Can you help with css to added to stylesheet.  

have added this and it helped with border etc

.tabber-widget-rounded-light .tabber-widget-content {
border: 1px solid #EBEBEB;
    background: #FAFAFA;
    box-shadow: inset 0 0 2px 4px #FFFFFF;

but can't get the font/size to work using.

.tabber-widget-rounded-light .tabber-widget-content {
font-style: color: #494E50;
    font-family: 'Noto Serif', 'Roboto Slab', 'Noticia Text', Georgia, Times, 'Times New Roman', serif;
    font-size: 0.9em;
    line-height: 1.225;
}

Any help would be appreciated.

Thanks
Lynne

#2 Elise Alley

Elise Alley

    iThemes Support

  • Administrators
  • Others: All Plugins, All Themes, Members, Moderators, Toolkit, Webdesign
  • 5,955 posts

Posted 27 May 2013 - 02:20 PM

Hey Lynne,

Try adding this to the bottom of your child theme's style.css file (Appearance > Editor):

#tabber_widget-2-content {
line-height: 1.25;
color: #494e50;
font-size: .9em;
font-family: 'Noto Serif', 'Roboto Slab', 'Noticia Text', Georgia, Times, 'Times New Roman', serif;
}

Give that a try and then let us know if you have any additional questions.

Thanks,

Elise

#3 lyrobertson

lyrobertson

    Member

  • Members
  • PipPip
  • 23 posts

Posted 27 May 2013 - 03:31 PM

Hi Elise,

Thanks for getting back to me.

Added that, but not working -  better than before, but not matching the content above.   Not sure if I have found the right code in stylestyle.  I am just looking for the tabbed content to look exactly the same as the content box above.

Thanks so much.

Lynne

#4 Elise Alley

Elise Alley

    iThemes Support

  • Administrators
  • Others: All Plugins, All Themes, Members, Moderators, Toolkit, Webdesign
  • 5,955 posts

Posted 28 May 2013 - 10:10 AM

Hi Lynne,

The code I gave you used the CSS you had previously referenced, but with the appropriate id to change the area you were wanting.  I can help with the CSS if you like, but it looks like you've already made changes and it looks similar to the rest of the site.

Let me know if you have any additional questions and I'd be happy to help out!

Thanks,

Elise