-
Posts
-
Hi,
it looks like the thumbnail images in my footer widget such as Latest Products are semi transparent. They look dull against the dark blue background. Are they inheriting that. Can I remove the transparency from just the thumbnails?
Try to use following code in css/custom.css:
#footer .widget img {
opacity: 1;
}Hi thanks for the input. It seems you can not alter the transparency of an object which is the child of a transparent object, so that does not work, but it led me to the answer. In case anyone else comes looking. This removes the transparency of thumbnails.
#footer .widget ul {
opacity: 1;
}but be aware it also removes the transparency from the text in widgets. So I suggest you sample the color of your footer widget text in its transparent state with some color picker of your choice before adding this code, then apply that color as your text color, it will look the same.
#top #footer, #top #footer span, #top #footer div, #top #footer p, #top #footer a {
color: #D0D3D6 ! important;
}if you wanted to have the same color widget titles, which is not hw they are by default you would add
, #footer .widgettitle
to that group
This seems a bit of a theme bug really, I can’t imagine people want transparent thumbnails
Yes – I think it’s not an intended behaviour. I’ll report it to Kriesi.
The topic ‘Images in footer widget inherit transparency?’ is closed to new replies.