3 replies to this topic

[lyrobertson]

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

[Elise Alley]

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

[lyrobertson]

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

[Elise Alley]

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