Support » Theme: Dara » 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/

    Thank you! That seemed to do the trick.

Viewing 2 replies - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.