Upgraded to WordPress 6.0 and have issues? Please check the hotfix which you need to apply.

Okay
  Public Ticket #2672296
How to change the colour
Closed

Comments

  • Shyjo Mathew started the conversation

    Hi, 

    how to change the yellow color of the header image 

     https://temptybakes.com/about/ the yellow color coming on the image as gradient. from where can I change it

    thanks 


  •  228
    Milingona replied

    Hello,

    a) If you just want to change the color overlay (overriding the current color) i.e. still use gradient then you can do that from Bakery > Custom Code > Custom CSS. We recommend you use https://cssgradient.io/ as a tool to generate the new code.

    b) If you want to replace the current color with a single color then you should first delete the code below from Bakery > Custom Code > Custom CSS and add the color from Bakery > Page Header > Color Overlay.

    /* Page Header */
    .vu_page-header.vu_ph-with-bg:before {
        opacity: 0.85;
        background-color: transparent !important;
        background: rgb(104,79,64);
        background: -moz-linear-gradient(-45deg, rgba(104,79,64,1) 0%, rgba(253,184,34,1) 100%);
        background: -webkit-linear-gradient(-45deg, rgba(104,79,64,1) 0%,rgba(253,184,34,1) 100%);
        background: linear-gradient(135deg, rgba(104,79,64,1) 0%,rgba(253,184,34,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#684f40', endColorstr='#fdb822',GradientType=1 );
    }

    Kind regards,


    Milingona Support

    Follow on     Envato     Facebook     Twitter

  • Shyjo Mathew replied

    I changed to this one, but the color showing is not the right one I think, or is it cached somewhere, I have changed the color 2 times. https://temptybakes.com/about/

    vu_page-header.vu_ph-with-bg:before {
        opacity: 0.85;
        background-color: transparent !important;
        background: rgb(104,79,64);
        background: -moz-linear-gradient(-45deg, rgba(235,224,224) 0%, rgba(235,224,224,100) 100%);
        background: -webkit-linear-gradient(-45deg, rgba(235,224,224,100) 0%,rgba(235,224,224,100) 100%);
        background: linear-gradient(135deg, rgba(232,147,236,100) 0%,rgba(235,224,224,100) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebe0e0', endColorstr='#ebe0e0',GradientType=1 );
    }

  •   Milingona replied privately