Jump to content


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
  • Others: All Plugins, Builder
  • 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
  • 4,692 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
  • Others: All Plugins, Builder
  • 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
  • 4,692 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