Changing color of page elements

  • Hi,
    I’d like to change the color of all the page elements that currently have a light blue color. This includes page links and the category tags above articles, among other things.

    Thanks!

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hi, add the following code in Appearance->Customize->Additional CSS

    a, 
.footer-widget-area a:hover,
.footer-widget-area a:focus,
.footer-widget-area a:active,
.entry-title a:hover,
.entry-title a:focus,
.entry-title a:active,
.cat-links a,
.comment-meta a,
body:not(.search):not(.single-jetpack-testimonial) .jetpack-testimonial .entry-title a,
body:not(.search):not(.single-jetpack-testimonial) .jetpack-testimonial .entry-title,
.jetpack-testimonial-shortcode .testimonial-entry-title,
.site-info a:hover,
.site-info a:focus,
.site-info a:active {
	color: #FFFFFF;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
#infinite-handle span,
.button,
.main-navigation,
.hero-content-wrapper .cat-links a,
.main-navigation ul ul {
	background-color: #FFFFFF;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="url"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
textarea:focus {
	border-color: #FFFFFF;
}

.jetpack-social-navigation ul li {
	background: #FFFFFF;
}

    Replace #FFFFFF; with whatever hex code value you want and it should change everything that is a light blue into the color you choose:

    https://htmlcolorcodes.com/color-picker/

    Thread Starter raudredaktoer

    (@raudredaktoer)

    Thank you! That seemed to do the trick.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Changing color of page elements’ is closed to new replies.