Exford theme — how to change the main color
-
I’m just curious: it doesn’t look like the Exford theme has any color settings in the customizer. Is CSS the only way to change this? I *can* do it…I’m just surprised that I *have* to. I feel like I must be missing something…
The blog I need help with is: (visible only to logged in users)
-
Hi @deleyna, with newer themes the idea is to be able to customize the colors and what not for each element, though I do think on Exford that might not be possible with the menu. If you like the layout but prefer different colors, can you tell us more about the colors and style you’re looking for? We might be able to make some suggestions.
-
There is no color menu at all for Exford. I looked at the code and it seems like there’s a variable for “maincolor” — or at least a tag for it?
I’ll help my client using CSS. Just hoping that I was missing something obvious.
-
Hello, I’m using the same theme, Exford, for my site, and wanted to change the main color as well. I am newer to the website building game, so using the CSS is a process for me. What would I need to do in order to change the colors of fonts, etc.? Thanks!
-
These may not work for you, but the following CSS is what my client needed. You put it in the Appearance->Customizer->CSS area and then change the colorwords to whichever you need. You can also use hex codes, etc. See this site for more info on colors:
https://www.w3schools.com/colors/colors_names.asp/* colors in header */ .site-title { color: white; } .site-description { color: white; } /*base-colors*/ a, .main-navigation a:link, .main-navigation a:visited { color: indigo; } button[data-load-more-btn], button, .button, input[type=submit], .wp-block-button__link, .wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept { background-color: indigo; } button:hover, .button:hover, input:hover[type=submit], .wp-block-button__link:hover, .wp-block-file__button:hover, .a8c-posts-list__view-all:hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:hover, button:focus, .button:focus, input:focus[type=submit], .wp-block-button__link:focus, .wp-block-file__button:focus, .a8c-posts-list__view-all:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, button.has-focus, .has-focus.button, input.has-focus[type=submit], .has-focus.wp-block-button__link, .has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept { background-color: blue; } .entry-title a:active, .entry-title a:focus, .entry-title a:hover, .page-title a:active, .page-title a:focus, .page-title a:hover, .a8c-posts-list .a8c-posts-list-item__title a:active, .a8c-posts-list .a8c-posts-list-item__title a:focus, .a8c-posts-list .a8c-posts-list-item__title a:hover, .wp-block-newspack-blocks-homepage-articles article .entry-title a:active, .wp-block-newspack-blocks-homepage-articles article .entry-title a:focus, .wp-block-newspack-blocks-homepage-articles article .entry-title a:hover { color: indigo; } /* menu hover change */ a:hover, .main-navigation a:hover { color: blue; } -
-
-
That help out, thanks! My social media logos still have that green color when hovering over them, you wouldn’t happen to have a solution for that? thanks
-
Unfortunately, my client didn’t use that part of the system yet. If you send me a view link to your site, I can inspect and see if I can give you what you need to add.
Alternatively, right click on the social media tab and click “inspect” in the context menu if you have that option. This should pop up a developer area for your browser that may show you the CSS that’s being applied. You can copy the rule that has the green color on it and add it to the bottom of the CSS that I gave you. Then change the color.
- The topic ‘Exford theme — how to change the main color’ is closed to new replies.
WordPress.com Forums 