• Resolved smile457

    (@smile457)


    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)
  • Hello,

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

    Thread Starter smile457

    (@smile457)

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

    http://hajedo.bplaced.net/

    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.