[Resolved] Changing the blue header background colour in Service

Home Forums Support Changing the blue header background colour in Service

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #1510098
    Jan

    Hi Leo (?),
    time again…
    As you can see the background colour in the Service theme is by default blue,
    https://lokalpartner.info/folk/
    You taught me how to change the header background image (thank you!).
    And now I thought it was as easy to change the colour by clicking in the header section and then to the right change the background colour, I did. But no success for some reason. And yes, I emptied the cache a couple of times. That didnΒ΄t help.
    What am I doing wrong?
    Best regards
    Jan

    #1510123
    Elvin
    Staff
    Customer Support

    Hi Jan,

    The background header used in the page you see here is added in Service theme by default on its Home page.

    To edit this, you must open the home page on the page editor and select the container for the first section.

    On the first section container’s block settings, you should be able to see a “Background Gradient” setting.

    Expand it and you should be able to see a preset color setting. Change this setting to your preference.

    Here’s a quick video demo of how it’s done. https://share.getcloudapp.com/v1uxnPLJ

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

    #1510196
    Jan

    Done, thank you, Elvin!
    Now, how do I change the header colour on the other pages, for instance on this page, https://lokalpartner.info/folk/aktuellt/
    Jan

    #1510216
    Elvin
    Staff
    Customer Support

    For that one, you must go to Appearance > Customize > Additional CSS and look for this code

    .gradient-overlay:after {
    	content: '';
    	position: absolute;
    	top: 0;
    	right: 0;
    	bottom: 0;
    	left: 0;
    	background: linear-gradient(135deg, rgba(24,106,178,0.9) 20%, rgba(0,175,229,0.9) 80%);
    }

    The background: property here is adding the gradient color values that you see. You can change the rgba() color values to the color you prefer.

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

    #1510226
    Jan

    Thank you,
    will do some testing to see what it looks like.
    Over and out.

    #1510245
    Elvin
    Staff
    Customer Support

    No problem. Have fun working on it! πŸ™‚

    Note: perhaps you’ll find this useful – https://cssgradient.io/

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

    #1510258
    Jan

    Thanks, that url was better than the one I found.
    It looks nice with your quotation but I suggest you use more than one πŸ˜‰
    I will be glad sending you some…
    Jan

    #1510276
    Elvin
    Staff
    Customer Support

    It looks nice with your quotation but I suggest you use more than one πŸ˜‰
    I will be glad sending you some…

    Not sure I get what you mean by this.

    Thanks, that url was better than the one I found.

    No problem. Glad to be of any help. πŸ™‚

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

    #1510552
    Jan

    For instance among these,
    50 Wise Thoughts on Business
    https://www.incomediary.com/wise-thoughts-on-business

    The 100 Funniest Quotes of All Time
    https://www.readersdigest.ca/culture/funniest-quotes-celebrities/
    Jan

    #1511458
    Leo
    Staff
    Customer Support

    Sorry what am I looking at here?

    If the original topic is already resolved, can you open a new topic for the separate question so it’s easier for us to track?

    Thanks πŸ™‚

    #1511482
    Jan

    Sorry about this Leo,
    it was meant for Elvin.
    Problem solved.
    Jan

    #1511519
    Leo
    Staff
    Customer Support
Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.