[Support request] Gradient color scheme for site-header and navigation header

Home Forums Support [Support request] Gradient color scheme for site-header and navigation header

Home Forums Support Gradient color scheme for site-header and navigation header

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1523017
    Sibi Paul

    Hello dear GP and Team…

    I was creating a new personal website for myself.

    Trying to check previous support threads to pick a solution to use Gradient color scheme for the header.

    I found some hints and modified the code.

    .site-header {
        background: -webkit-linear-gradient(-30deg,#00004d 0%,#5333ed 49%,#2cd4d9 100%);
    }

    This code is added in the Additional CSS Section

    and My site header Looks almost good…

    But, how can I use the same for the Navigation bar together?

    Currently, the Navigation bar shows white – not align this color.

    I know some small modifications in the above code will work.

    What actually I want,

    Left to right ( entire header ) in the same color scheme.

    is that Possible? if yes How…?

    #1523102
    Elvin
    Staff
    Customer Support

    Hi,

    Currently, the Navigation bar shows white – not align this color.

    This color you see is set on Appearance > Customize > Colors > Primary Navigation.

    You can remove this by simply reducing the alpha value of the background and hover background color as shown here:

    https://share.getcloudapp.com/GGurw26k

    A wise man once said:
    "Have you cleared your cache?"

    #1532928
    Sibi Paul

    I tried it…

    Really worked,

    Thanks a lot.

    #1533807
    Elvin
    Staff
    Customer Support

    Nice one. No problem. 🙂

    A wise man once said:
    "Have you cleared your cache?"

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.