[Support request] Gradient colors for the header and footer

Home Forums Support Gradient colors for the header and footer

  • This topic has 3 replies, 2 voices, and was last updated 4 months ago by Elvin.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1514062
    Michelle

    Hi there!

    I saw that the primary and the secondary navigations could be altered to be gradient. It worked swimmingly using the CCS and the https://cssgradient.io/ site. I want to do the same for the header and footer and though that by using the same code as for the navigation would work but didn’t. Am I missing something?

    Here’s the navigation code:

    .main-navigation {
    background: linear-gradient(90deg, rgba(31,64,137,1) 0%, rgba(8,9,15,1) 83%, rgba(6,7,12,1) 100%);}

    Thank you for your help

    #1514127
    Elvin
    Staff
    Customer Support

    Hi,

    Can you link us to the site in question? So we could check which selector to be used in your case.

    You can add it on the Private information text area. Thank you. πŸ™‚

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

    #1514131
    Michelle

    Hi. Added the link in the private box.

    #1514143
    Elvin
    Staff
    Customer Support

    Try using header.site-header instead of .main-navigation as your selector.

    To clarify: Are you trying to match the background gradient to the color of the logo?

    If so, you may come across issues with having non-smooth gradient color transition between the background and the logo.

    That said, if possible, consider adding an logo with transparent background. πŸ™‚

    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.