• Resolved ricdam

    (@ricdam)


    Hi there,

    Is it possible to have a gradient header?
    Top: #00a3ef
    Bottom: #0b4182

    Cheers,

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author oceanwp

    (@oceanwp)

    Hello, add this css code in the custom css section of the customizer:

    #site-header {
        background: #00a3ef;
        background: -moz-linear-gradient(top, #00a3ef 0%, #0b4182 100%);
        background: -webkit-linear-gradient(top, #00a3ef 0%,#0b4182 100%);
        background: linear-gradient(to bottom, #00a3ef 0%,#0b4182 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a3ef', endColorstr='#0b4182',GradientType=0 );
    }
    Thread Starter ricdam

    (@ricdam)

    Sorry I’m an idiot. What I meant was Page Title and not header.

    Are you able to advise the code for changing the page title background to gradient colours?

    Cheers

    • This reply was modified 6 years, 4 months ago by ricdam.
    Plugin Author oceanwp

    (@oceanwp)

    Oh ??
    No problem at all, add this code:

    .page-header {
        background: #00a3ef;
        background: -moz-linear-gradient(top, #00a3ef 0%, #0b4182 100%);
        background: -webkit-linear-gradient(top, #00a3ef 0%,#0b4182 100%);
        background: linear-gradient(to bottom, #00a3ef 0%,#0b4182 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a3ef', endColorstr='#0b4182',GradientType=0 );
    }
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Gradient header’ is closed to new replies.