Displaying an Image on the Header Image

  • Hello !

    I am the owner of an online store and I would like to make my website a little bit more attractive

    Actually the thing is, when I did the design of the current main header of my website, I did it a way so that the title would be in the foreground, and all the other elements in the background, but what is happening is that when you choose an image as a header all gets dark anyways

    So I wanted to know what kind of code I could use, and where should I use it, to put the “Philis Corp. Shop” that you can see in my current main header separately as an image which would be above the current header that so it won’t be “shaded”, and so, highlighted

    I’m not sure whether you understand what I mean or not because it may be not clear but it would be a big help !

    I’m looking forward to your answers !

    I wish you a nice day !

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

Viewing 6 replies - 1 through 6 (of 6 total)

  • Hi,

    Please go to Appearance > Customize > Layouts > Page Header > Cover settings section > Color and background > Color Overlay: rgba(0,0,0,0), to remove the background overlay color (little dark). Screenshot https://share.getcloudapp.com/o0uqOOpE.

    Thread Starter toad1010

    (@toad1010)

    Hello !

    Thanks very much for your help !

    Thread Starter toad1010

    (@toad1010)

    Actually I have another question !

    Is there a way for me to apply this change only to my Home Page ?

    Thanks for your future answer !

    Hi,

    To apply the color overlay to the homepage only, please remove the color overlay settings above first then add this custom CSS code to Appearance > Customize > Additional CSS.

    .home #page-cover:before {
    background-color: rgba(0,0,0,0);
}
    Thread Starter toad1010

    (@toad1010)

    Hello !

    Sorry for the late reply and thanks for your answer

    Unfortunately, I have tried to apply this CSS Code but it didn’t seem to have made any difference…

    Where could the problem come from ?…

    Thanks for your future answer !

    Thread Starter toad1010

    (@toad1010)

    It actually does work ! Thanks very much !

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Displaying an Image on the Header Image’ is closed to new replies.