Proteo Header

  • Dear Support,
    Have tried to create a clear header for my website – the same as the proteo template. The background setting does not save, the opacity value “0” does not work. I downloaded the Template Shop to see how you had set it up, but there is no extra CSS, and the header settings for opacity in header background are not visible.
    (works for sticky header value – but does not work for standard header background).
    PS. I also tried to have zero padding on the top of the page, but it did not change the background colour which stays white – that colour that I set it to

    Please will you let me know how to set the header background to opacity zero.
    Many thanks in advance
    Eunice

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

Viewing 8 replies - 1 through 8 (of 8 total)
  • Thread Starter euniceha

    (@euniceha)

    Hi there, I think that the background opacity is set to zero – so it seems that the problem is aligning the banner image to the top of the page – I have set the top padding to zero – but it has not moved the image to the top of the page…

    Thread Starter euniceha

    (@euniceha)

    Dear Support,
    I think I solved the problem by changing the top margin to -130px (not sure if that is the best practice, but it got the job done ??

    All my best
    Eunice

    Francesco Grasso

    (@francgrasso)

    YITH Support Representative

    Hi there,
    sorry for the big delay ??
    To achieve the same layout of the Classic Shop demo you can create a slider with a background image (using our free YITH Slider for Page Builders plugin) and set it as header slider of the homepage. If the slider has a background it automatically sets the header to transparent.
    https://prnt.sc/1qsmfz1

    Anyway your css trick works too ??

    Thread Starter euniceha

    (@euniceha)

    Thank you so much Francesco, I will remember about the property for the slider for future use! Thank you for getting back to me anyway – YOU ROCK!

    E xx

    Thread Starter euniceha

    (@euniceha)

    Dear Francesco,

    I took your advice and tried the Page slider plugin. But I am having a problem where I am unable to edit the slider block after it is inserted on the page. It is an uneditable block. I have installed Gutenberg. I do not see any docs on the yith site about how to edit the slider block?

    Francesco Grasso

    (@francgrasso)

    YITH Support Representative

    Hi there, the block is a shortcut to link the slider. If you need to edit it, you can find it in Dashboard > Sliders
    https://prnt.sc/1tsrbr7
    Please let me know if you need further help on this

    Thread Starter euniceha

    (@euniceha)

    Thank you for the reply, and sorry for being a bit stupid here. I want to edit the slider to add text in columns as explained in the document, but there are no options to add text in the section where you have detailed (creating the slider), so I assumed that we had to do it in the page editor. How can I add an overlay with text, or buttons to the slider please? I also want to create the same effect as per the Proteo demo where the slider is behind the menu, but there is no setting to have zero margin/padding at the top. Please help?
    Thank you so much for your time ??

    Thread Starter euniceha

    (@euniceha)

    Dear Francesco, I figured out how to edit the slider – thank you! One needs to hover over the slide in Manage slides and select Edit ??

    Have a fabulous day
    E

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Proteo Header’ is closed to new replies.