Overlay image color

  • Author
    Posts
  • #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.

    #102859

    thelukemcdonald
    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.

    #102860

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

    #102861

    thelukemcdonald
    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;
    }
    #102862

    Thank you very much!

    #102891

    thelukemcdonald
    Theme Author

    You’re welcome!

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