[Support request] Add background gradient including primary navigation and body background.

Home Forums Support [Support request] Add background gradient including primary navigation and body background.

Home Forums Support Add background gradient including primary navigation and body background.

  • This topic has 3 replies, 3 voices, and was last updated 4 weeks ago by David.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #2283699
    Naman

    Hi, I would like to add background gradient including primary navigation and body background.

    Example in below section.

    It’s not based on GP, but I tried it using CSS, but I didn’t get it. Kindly help me. Thanks!

    #2283836
    Ying
    Staff
    Customer Support

    Hi Naman,

    1. You need to create a header element to merge the header with the page hero section.
    https://docs.generatepress.com/article/header-element-overview/
    Here’s a video for your reference: https://youtu.be/TP8mgBQTgGg

    2. Then you can apply the CSS to this selector: .header-wrap.

    #2285092
    Naman

    Kindly elaborate with steps how can I do this?

    #2285377
    David
    Staff
    Customer Support

    Hi there,

    the main thing is to merge the site header with the page content.

    1. Go to Appearance > GeneratePress and Activate the Elements Module
    2. Go to Appearance > Elements and New > Header Element.
    2.1. On the Site Header tab in the element, apply the settings highlighted in blue in the attached document image:

    https://docs.generatepress.com/article/transparent-header-and-navigation/

    2.2 Set the elements Display Rules > Location to Entire Site or add locations specfic to the pages you want to apply this eg. Homepage

    3. Publish.

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