- Subscribe to RSS Feed
- Mark Thread as New
- Mark Thread as Read
- Float this Thread for Current User
- Bookmark
- Subscribe
- Printer Friendly Page
Can someone plase take a look at the screen grab showing the footer and relevent _global.less section.
Tried everything, driving me made
And yes, I've read the other related posts and tried all...no joy.
Really appriciate it if someone could help.
- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Permalink
- Report
- Subscribe to RSS Feed
- Mark Thread as New
- Mark Thread as Read
- Float this Thread for Current User
- Bookmark
- Subscribe
- Printer Friendly Page
You'll have to determine which color variation on that theme you are using. In the Site Editor, when you click on Theme in the top navigation bar, you should see a set of circular theme color variation buttons. The one you selected will be highlighted in some fashion (e.g., a white border). Take note of your selected theme color.
Now, in your screenshot, below the "main.less" file, you'll see the color variation less files (variables.less, variables_blue.less, variables_green.less, etc.). Let's say you chose the blue color variation for your theme. Look in the "variables_blue.less" file for the footer background color less variable "@color-footer-background" and you should see the current color specification. For example, if the footer background for the blue theme variation is set to something like #404040 (a shade of dark grey), in the "variables_blue.less" file, you should see a line where the footer background variable is set to that color --> "@color-footer-background: #404040;" To change this to white, change the color hexcode from #404040 to #ffffff.
- Subscribe to RSS Feed
- Mark Thread as New
- Mark Thread as Read
- Float this Thread for Current User
- Bookmark
- Subscribe
- Printer Friendly Page
You'll have to determine which color variation on that theme you are using. In the Site Editor, when you click on Theme in the top navigation bar, you should see a set of circular theme color variation buttons. The one you selected will be highlighted in some fashion (e.g., a white border). Take note of your selected theme color.
Now, in your screenshot, below the "main.less" file, you'll see the color variation less files (variables.less, variables_blue.less, variables_green.less, etc.). Let's say you chose the blue color variation for your theme. Look in the "variables_blue.less" file for the footer background color less variable "@color-footer-background" and you should see the current color specification. For example, if the footer background for the blue theme variation is set to something like #404040 (a shade of dark grey), in the "variables_blue.less" file, you should see a line where the footer background variable is set to that color --> "@color-footer-background: #404040;" To change this to white, change the color hexcode from #404040 to #ffffff.
- Subscribe to RSS Feed
- Mark Thread as New
- Mark Thread as Read
- Float this Thread for Current User
- Bookmark
- Subscribe
- Printer Friendly Page
Paul, I'm trying out you suggestions tonight.
Thanks again for the indepth knowledge share. Really appriciate it.
I'll report back how it went.
BR David.
- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Permalink
- Report
- Subscribe to RSS Feed
- Mark Thread as New
- Mark Thread as Read
- Float this Thread for Current User
- Bookmark
- Subscribe
- Printer Friendly Page
2 mins later... 100% success Paul!
Outstanding stuff.