Wordpress Themes - WP Forum at BFA - [SOLVED] Just above the footer

Page 2 of 2

Show 40 post(s) from this thread on one page

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

- Post-Kicker, -Byline & -Footer (http://forum.bytesforall.com/forumdisplay.php?f=17)

- - [SOLVED] Just above the footer (http://forum.bytesforall.com/showthread.php?t=8858)

lmilesw

Aug 18, 2010 09:08 AM

I used Firebug. This screencast might help.

Obi	Aug 18, 2010 12:56 PM

Very nice.
Thank you for taking the trouble with the screencast.

Following this, I made an attempt to debug the issue of being unable to change the font size of the disclaimer content. In Firebug I clicked the element locator on the top left side, then clicked inside the page on the disclaimer content, then clicked on 'computed' in the top right part of the screen.
The font size reads 12px. The line that I put in on ATO > Add HTML/CSS Inserts is:
font-size: 32px; !important;

Why is the font size not responding to my changes?

~ Obi

lmilesw

Aug 18, 2010 01:05 PM

To change the font size for the disclaimer you need to add the following to ATO>Add HTML/CSS Inserts>CSS Inserts

HTML Code:

#disclaimer h3 {

font-size: 32px !important;

}

Obi	Aug 18, 2010 01:50 PM

#disclaimer h3 is the header, with which I don't have a problem - I can change the font size there.
The change doesn't work for the content of the disclaimer:

Code:

/* Styling the disclaimer content */

#disclaimer {

background-color: #00ff00;

color: #ff0000;

font-size: 32px; !important;  /* this line shows no effect */

font-family: Tahoma serif;

}

~ Obi

lmilesw

Aug 18, 2010 10:28 PM

For the text you could use

HTML Code:

.textwidget

for the selector but that could affect other widgets so to limit it to the disclaimer area use

HTML Code:

#disclaimer .textwidget

Obi	Aug 19, 2010 08:34 AM

It works.

Tell me if I get it right;
In Firebug, clicking on the disclaimer content and then looking on the righthand side window under the Style tab - seeing that div.textwidget is the last selector in the inheritance chain . . .
Was that how you found .textwidget to be the right selector ?

I don't understand why is it that under #disclaimer I can change the color of the text as well as the background color,
but not the text size . . . unless it's some sort of a bug of course.

~ Obi

lmilesw

Aug 19, 2010 09:11 AM

It has to do with the cascading part of CSS.

Obi	Aug 19, 2010 10:19 AM

Thank you so much for your time and patience.
You have helped me a great deal.

~ Obi

All times are GMT -6. The time now is 02:57 AM.

Page 2 of 2

Show 40 post(s) from this thread on one page