Wordpress Themes - WP Forum at BFA - [SOLVED] Change Header Font Size Single Widget

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)

- Sidebars & Widgets (http://forum.bytesforall.com/forumdisplay.php?f=14)

- - [SOLVED] Change Header Font Size Single Widget (http://forum.bytesforall.com/showthread.php?t=18310)

theadventurebite

Sep 5, 2012 08:43 PM

[SOLVED] Change Header Font Size Single Widget

Trying to change header size of single widget. http://theadventurebite.com/things-we-love/

Currently have:

Code:

div#product_tabber_widget div .widget-title h3 {font-size: 40px;}

in CSS inserts and it's not working. Sized so large to see if it was working.

I had been reading over at this link: http://forum.bytesforall.com/showthr...+single+widget

I feel like I am super close but not quite there.

Help?

Thanks!

Dani

lmilesw

Sep 6, 2012 07:49 AM

Where did you get that selector from? I see no .widget-title h3

juggledad

Sep 6, 2012 09:52 AM

in english what that says is

HTML Code:

for an 'h3' that is the child element of an element with a class of "widget-title"

  which is an element of a 'div'

     which is an element of the 'div' with an ID of "product_tabber_widget" 

        apply this CSS

are you sure that is what you mean?

theadventurebite

Sep 6, 2012 12:26 PM

Nope that is definitely not what I was trying to say! The h3 thing looked totally wonky to me too. I was trying to follow that thread that I linked to and obviously went quite askew. His issue was different than mine obviously too.

theadventurebite

Sep 6, 2012 12:30 PM

Originally I got that from that thread I linked to

This was what I started with:

Code:

#product_tabber_widget .widget-title {font-size: 40px;}

Which in my mind should have worked.

But it didn't so I started adding other things to the mixture. All of which didn't work lol.

Help?:confused:

theadventurebite

Sep 6, 2012 12:34 PM

Ah ha. Figured it out. That style of widget actually makes the "titles" list items instead of titles. This did the trick:

Code:

#product_tabber_widget .widget li {font-size: 40px;}

See your training is starting to pay off a smidge ;)

All times are GMT -6. The time now is 05:19 AM.