Changing image border colour.

This topic has 6 replies, 2 voices, and was last updated 9 years, 1 month ago by Sakin.

Viewing 7 posts - 1 through 7 (of 7 total)

Author

Posts
October 7, 2015 at 11:28 am #68043

Grant
Participant

Hello.
I’ve just upgraded to pro and have managed to get my site almost back to how it was before the upgrade.
I cannot see how to change the colour of the border around each image (not widget). Before I upgraded the default colour was white, which I liked.
How can I change them to white, please?
Sorry if this is really obvious. (I found everything else I needed in this forum!)
site is being hosted temporarily at http://www.thebeatsanctuary.co.uk/grant2

October 7, 2015 at 11:35 am #68044

Grant
Participant

ps…
if I hover over the image the border turns white but returns to black when I move the mouse.
Thanks.

October 7, 2015 at 10:58 pm #68072

Sakin
Keymaster

@Grant: Can you try adding in the following css in “Appearance => Theme Options => Custom CSS” Box:
#main .hentry img { background-color: #000; }

October 9, 2015 at 3:28 am #68141

Grant
Participant

@Sakin Thanks for getting back to me. That hasn’t exactly worked.
Now when you hover over an image there is a much thinner white area around it than before. I actually prefer this so thanks! 🙂
I like how the white now appears when you mouse over images but is it possible for it to be there all the time and not just when you hover over the image?

Grant

October 9, 2015 at 5:46 pm #68166
Sakin
Keymaster
@Grant: Ok then replace the your following previous css:
#main .hentry img { background-color: #000; }
With the following css:
```
#main .hentry img {
    background-color: #000;
    border-color: #bbb;
}
```
October 10, 2015 at 11:05 am #68221

Grant
Participant

That’s the one!!
Perfect.
Thanks very much! 🙂

October 10, 2015 at 8:32 pm #68232

Sakin
Keymaster

@Grant: Thanks for your appreciation 🙂
Author

Posts