• Resolved G Michael VanTassle

    (@oathcoaching)


    Is it possible to change the color overlay/wash that is on the top image of the home page? I have the same image on multiple pages, but the home page has a blue-ish color over it. The bottom one appears to have a black transparent color to it, which is OK, but I want to disable it on the top image.

    Is there some way that I can do this?

    The page I need help with: [log in to see the link]

Viewing 8 replies - 1 through 8 (of 8 total)
  • lizkarkoski

    (@lizkarkoski)

    Hi –

    This CSS will remove the panel overlay on the top image.

    .pique-panel {
    background: none;
    }

    Just wanted to note that I am not able to dismiss the subscriber pop up either.

    Thread Starter G Michael VanTassle

    (@oathcoaching)

    Interesting. Thanks for letting me know about the pop up. Mind if I ask what browser you were using?

    Thread Starter G Michael VanTassle

    (@oathcoaching)

    I changed the CSS as suggested and it seems that the color is still there.

    Please see https://oath.coach

    vs

    https://oath.coach/services/

    lizkarkoski

    (@lizkarkoski)

    I was using Chrome.

    The site overlay was removed for me on my side when testing the CSS in my browser tools. Do you have any plugins running that might be interfering? Also, trying clearing the site cache.

    Thread Starter G Michael VanTassle

    (@oathcoaching)

    I’m using Safari, Firefox, and Chrome, and I am seeing the top background image (b&w stacked stones) as a somewhat teal color on the home page, but pure B&W on the services page.

    I also discovered that for some reason, the popup is popping under something when it is displaying over that image. In fact, some of the text on the home page is drawing over the popup, which is probably why you were having issues dismissing it.

    Click Here to see a capture of what I’m talking about regarding the home page (SharePoint image link)

    And Click Here to see the same area on the services page.

    Also, please note the color difference between the two pages’ stacked stones background image. I want the home page to look like the image on the services page image

    Fotis

    (@fstat)

    Hi there,

    That overlay you’re seeing is caused by the image opacity imposed by the theme. You can adjust the opacity by going to Customize > Theme Options.

    Thread Starter G Michael VanTassle

    (@oathcoaching)

    Perfect! That’s what I needed. Thank you so much!

    Fotis

    (@fstat)

    You’re welcome ??

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Homepage top image color “wash/overlay”: How to change?’ is closed to new replies.