Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Sidebars & Widgets (http://forum.bytesforall.com/forumdisplay.php?f=14)
-   -   [SOLVED] Can't Style Individual Widget (http://forum.bytesforall.com/showthread.php?t=21566)

cantplay Feb 26, 2014 10:37 AM

[SOLVED] Can't Style Individual Widget
 
I am trying to learn and have some hours in on this, looking at CSS tutorials again, trying different forum solutions and getting magic quotes turned off by going to PHP 5.4, but I cannot style just one widget. www.whitebrothersbaseball.com All plugins deactivated, latest versions of WP and ATA.

If I put
background:#ffffff;
in ATA>STYLE WIDGETS>WIDGET TITLE BOX
It changes the title box to white in all widgets, no problem.

Then I go into firebug and copy the css generated by the above setting. I take the style out of ATA>Widget Title Box and put the css I copied out of firebug it in ATA>HTML/CSS Inserts, but it will not make the change simply by putting the css in the ATA Inserts area.

Firebug shows the below css when I use ATA>Widget Title Box successfully:
div.widget-title {
background-color:#FFFFFF;
background-position:initial initial;
background-repeat:initial initial;
display:block;
width:auto;
}

And when I put that in ATA Inserts it does not make the change. I also tried variations such as the following all tried with and without !important:

div.widget-title {
background-color:#FFFFFF !important;
background-position:initial initial;
background-repeat:initial initial;
display:block;
width:auto;
}

#text-6 div.widget-title {
background-color:#FFFFFF;
background-position:initial initial;
background-repeat:initial initial;
display:block;
width:auto;
}


#text-6 .widget-title {
background-color:#FFFFFF;
background-position:initial initial;
background-repeat:initial initial;
display:block;
width:auto;
}

I have been trying to style the text-6 in the right sidebar and text-8 an added center top widget area independently with no success.

Any ideas?

juggledad Feb 26, 2014 11:26 AM

When ever you add css to the bottom of CSS Inserts and it doesn't seem to work, try moving it to the beginning to see if you have a syntax error elsewhere that is causing all following css to be ignored.

cantplay Feb 26, 2014 02:37 PM

Oh brother....bad old syntax above it.
Stinks to have it right, but still be wrong!
Thanks again JD. Donations coming soon.


All times are GMT -6. The time now is 10:46 PM.

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.