- This topic has 11 replies, 3 voices, and was last updated 3 years, 5 months ago by Leo.
-
AuthorPosts
-
October 29, 2020 at 1:00 pm #1510098Jan
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
JanOctober 29, 2020 at 1:31 pm #1510123ElvinStaffCustomer SupportHi 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
October 29, 2020 at 2:35 pm #1510196JanDone, 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/
JanOctober 29, 2020 at 2:49 pm #1510216ElvinStaffCustomer SupportFor 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.October 29, 2020 at 3:01 pm #1510226JanThank you,
will do some testing to see what it looks like.
Over and out.October 29, 2020 at 3:19 pm #1510245ElvinStaffCustomer SupportNo problem. Have fun working on it! ๐
Note: perhaps you’ll find this useful – https://cssgradient.io/
October 29, 2020 at 3:33 pm #1510258JanThanks, 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…
JanOctober 29, 2020 at 3:52 pm #1510276ElvinStaffCustomer SupportIt 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. ๐
October 30, 2020 at 1:16 am #1510552JanFor instance among these,
50 Wise Thoughts on Business
https://www.incomediary.com/wise-thoughts-on-businessThe 100 Funniest Quotes of All Time
https://www.readersdigest.ca/culture/funniest-quotes-celebrities/
JanOctober 30, 2020 at 10:42 am #1511458LeoStaffCustomer SupportSorry 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 ๐
October 30, 2020 at 11:00 am #1511482JanSorry about this Leo,
it was meant for Elvin.
Problem solved.
JanOctober 30, 2020 at 11:34 am #1511519LeoStaffCustomer SupportNo problem ๐
-
AuthorPosts
- You must be logged in to reply to this topic.