Full Page Gradient Background

  • Resolved smile457

    (@smile457)


    7 years, 3 months ago

    Hey guys,

    Is it possible to have a gradient background?

    I tried in the section Custom CSS/JS:

    body {
    background: linear-gradient( to bottom, #red, #blue);
    }

    But it looks like the gradient is “below” the website.

    Thank you in advance
    Smile

Viewing 3 replies - 1 through 3 (of 3 total)
  • Amit Singh

    (@apprimit)

    7 years, 3 months ago

    Hello,

    Can you link to your site so that I can check it?

    Thread Starter smile457

    (@smile457)

    7 years, 3 months ago

    On the page you can see the problem that the header does not contain the linear gradient.

    http://hajedo.bplaced.net/

    Amit Singh

    (@apprimit)

    7 years, 3 months ago

    You need to add the css for the header too – 

    header#site-header {
    background: linear-gradient(to bottom,#b5bdc8 0,#828c95 36%,#28343b 100%);
}

    or make the header transparent by using the below CSS code. 

    header#site-header {
    background: background-color: transparent;
}
Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Full Page Gradient Background’ is closed to new replies.