Template Yoga
seb
Hello,
Do you have a video that explains how to make modifications to the Yoga template using SP Page Builder? I'm having trouble understanding how to change the colors of the top menu and remove the foreground color. My background image isn't visible, and I'd also like to change the logo, etc.
Thank you.
Paul Frankowski
Accepted Answer- BG gradient color on home page removed
- error warning phrase disabled
- I added dark blue bg color for header aafter scroll down
Paul Frankowski
Accepted AnswerHi Sebastien,
As you know SP Page Builder is component, so it works ONLY inside component area, the whole rest is from template. So you cannot manage template design from SPPB.
If you want to change header area where to logo and menu is > go to Templates Styles > Yoga > Template Options > Basic > Logo
there you can change logo and some basic settings >> https://www.joomshaper.com/documentation/helix-framework/helix3/basic-settings
Paul Frankowski
Accepted AnswerAnd if we talk about Header background image it's from menu items settings, you can remove from here
I did [x] for that subpage, but please remove from others.
To change gradient color from header to solid blue color use Custom CSS.
.sp-page-title::after {
-webkit-background-image: none;
background-image: none;
background: #007BFF;
}Add it here: Templates: Styles (Site) > Yoga > Custom Code > Custom CSS
Paul Frankowski
Accepted AnswerSorry, but this is not a correct Favicon
Favicon is icon used in browser tab, that small one 16x16 px
seb
Accepted Answerthank you but I want to remove the color on the homepage look at my background image is it behind the color page of the template or is it changing? do you have lessons in french?