Background Color Feat. Image

carmitive · Member · Aug 31, 2015 at 6:30 pm
Copy link

Add topic to favorites
Hey there,

Currently, the background of my featured images is black. Can anyone tell me how I can make it white?

Thank you!

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Sep 1, 2015 at 1:49 am
Copy link
There is an opacity set on the images when you aren’t hovering the mouse over them, and then a darker opacity when you hover the mouse over a featured image.

To take away the opacity when the mouse isn’t over the image, add the following custom CSS.
```
.featured-content .post-thumbnail {
    opacity: 1;
}
```
To take away the opacity when a mouse is hovered over the image, add the following.
```
.featured-content .hentry:hover .post-thumbnail, .featured-content .hentry .post-thumbnail:focus {
    opacity: 1;
}
```
carmitive · Member · Sep 1, 2015 at 7:20 am
Copy link
Actually I don’t mean that. When you click on a post and you’re on the site of the article the featured image is right on the top of the page. And when the image isn’t big enough to fill out the whole space the rest of it is black. How can I change this into white?

I’m sorry if it’s so complicated – But thank you anyway!
thesacredpath · Member · Sep 1, 2015 at 7:39 am
Copy link
Ah, now I know what you mean. This will change that black background to transparent.
```
.entry-hero .post-thumbnail {
    background: rgba(0, 0, 0, 0);
}
```
You will still have the gradient on the title area for the posts.
carmitive · Member · Sep 1, 2015 at 6:31 pm
Copy link
Thank you!
thesacredpath · Member · Sep 1, 2015 at 9:09 pm
Copy link
You are welcome.

No items found.