Overlay image color

  • Author
  • #102741

    Hi! Is it possible to change the color of background image only for one page? I have all the images in black and want to have one in grey.

    The blog I need help with is denisrodkin.com.


    Theme Author

    You can do this using some custom CSS; requires custom design upgrade. The first thing you’d need to do is get the ID of the page you want to change. Then, the CSS would look something like this.

    body.page-id-123 .obsidian-background-overlay:before {
      background-color: #999999;

    Your site is currently private, however, when the site is made public, feel free to send me a link to the page you’d like to change and I can send the exact CSS snippet you need.


    https://denisrodkin.com/обратная-связь/ that is the exact link and the site is public now.


    Theme Author

    It looks like the page ID is 157. Here is the custom CSS to make the background overlay color for that page gray (#333333). You might want to update the gray color value to one that works better for your needs.

    body.page-id-157 .obsidian-background-overlay:before {
      background-color: #333333;

    Thank you very much!


    Theme Author

    You’re welcome!

The topic ‘Overlay image color’ is closed to new replies.