Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Atahualpa 3 Wordpress theme (http://forum.bytesforall.com/forumdisplay.php?f=2)
-   -   [SOLVED] Excluding specific images from CSS rules (http://forum.bytesforall.com/showthread.php?t=15431)

Hawkeyes18 Sep 19, 2011 06:38 PM

[SOLVED] Excluding specific images from CSS rules
 
Fantastic theme, excellent forums!


I have styled my images to create rounded corners in supporting browsers and add a drop shadow. However, I would like to able to exclude certain images from this rule. Specifically the images loaded by the Share and Follow plugin. They can be seen on each page, and I don't want them rounded or shadowed.

I have added the following code to css inserts, and Firebug tells me it is active; however, I see no results.

Code:

.shareinpost {
-webkit-box-shadow: none; /* Safari */
box-shadow: none;
-moz-border-radius: 0px;
-khtml-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
}

How should I remove the rounding and shadow from the Follow and Share images.

WP 3.2.1
Ata 3.6.7
Test site: www.epiphanydancearts.org.previewdns.com

lmilesw Sep 19, 2011 07:30 PM

How about if you add img after the selector like the following.
HTML Code:

.shareinpost img {
-webkit-box-shadow: none; /* Safari */
box-shadow: none;
-moz-border-radius: 0px;
-khtml-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
}


Hawkeyes18 Sep 19, 2011 07:46 PM

Well that worked nicely! Thanks lmilesw.


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

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