Return to previous page

Top bar, Header, Footer, After Footer - by osocuteecommercewebsite

This topic has 2 replies, 2 voices, and was last updated 6 years ago ago by Rose Tyler

osocuteecommercewebsite

Participant

April 16, 2018 at 17:30

The various theme options allow for configuration of various options (background-color, text color etc) regarding topbar, header, footer and what follows.

My issue comes in the following (example):
For topbar text color, one can only change to light or dark. Not specific color – this is what I wish to do. Say to green for example.

I am requesting the instructions (CSS or otherwise) for changing the colors of the above parameters. I have some knowledge of CSS, and I will replace the HEX myself.

Also, if you could tell me how to identify the CSS selectors myself. I know you have a YouTube video outlining universal instructions, based on another theme of yours, however it is not clear. This will save me time instead of asking in future.

Thanks.

Please, contact administrator
for this information.

#191264 Copied Theme version: Latest WooCommerce version: Latest

1 Answer

Rose Tyler

Support staff

April 17, 2018 at 08:53

Hello,

To find out classes of elements, you may simply inspect the page using devtools in chrome browser https://developers.google.com/web/tools/chrome-devtools/inspect-styles/
add custom cs code in Theme Options > Styling > Custom css or in style.css file of the child theme.
To access the DevTools, open a web page or web app in Google Chrome. Either:
-Select the Chrome menu Chrome Menu at the top-right of your browser window, then select Tools > Developer Tools.
-Right-click on any page element and select Inspect Element.
The DevTools window will open at the bottom of your Chrome browser.
For example https://gyazo.com/60143a004fcaa5f3d6e86d2477c72ffe https://gyazo.com/8a4a14f270932e31ee60f7c0d9e12114
Feel free to ask if you have any questions.
Also, you can use static blocks to create content of top-bar and footer. Static blocks can be edited using VC https://xstore.helpscoutdocs.com/article/47-static-blocks https://xstore.helpscoutdocs.com/article/48-widgets-custom-widget-areas

Regards

#191298 Copied
Viewing 2 results - 1 through 2 (of 2 total)