Changing link and button colors?

Hi there. 🙂

I would like to change all instances of the orange to a turquoise color. I can only change the color of the top title in the customizer though. If I must use Jetpack, I will.

You can change all instances of orange on the theme using some custom CSS:

a, a:visited, .main-navigation a:hover, .main-navigation a:visited:hover, .site-title a, .site-title a:visited, .social-links ul a:hover, a.more-link, a.more-link:hover, .site-footer a:hover, .site-footer a:visited:hover, .comment-meta .comment-metadata a:hover, .comment-meta .comment-metadata a:visited:hover, .bypostauthor > .comment-body:first-of-type .comment-author .avatar {
    color: #00E5EE;
}

abbr, acronym {
    border-bottom: 1px dotted #00E5EE;
}

.page-links span.active-link, .page-links a:hover span.active-link {
  background-color: #00E5EE;
}

#infinite-handle span button:hover,  #infinite-handle span button:active, #infinite-handle span button:focus, #infinite-handle span:hover button, #infinite-handle span button:hover {
    background: #00E5EE;
    outline: 5px solid #00E5EE;
}

If you activate Jetpack then enable the Custom CSS module and enter the above by heading to Appearance > Edit CSS. Alternatively, you can try any of the other custom CSS plugins in the repository.

You can also change the value of #00E5EE to any Hex code of your choice. If you’d like to experiement with different colours, try a few Google searches to get a list of Hex codes and their corresponding values. This is the site I got the Hex code for turquoise from:

http://www.color-hex.com/

Let me know if you continue to spot any instances of orange on your site.

Finally, in the settings, I have full text instead of summary selected, but it’s still only showing a summary of my post. The images aren’t showing. Is there a way to fix this?

Button displays summaries, not full text, by default and there isn’t a built in setting to change that.

The simplest way to override this is to copy/paste the Excerpt field on your edit post page, as described here:

https://codex.ww.wp.xz.cn/Excerpt

We can also make some changes to the backend code so that the theme displays the full posts by default, but this is more complex. If you’d like to try this, the first step is for you to set up a child theme. Let me know if you do set up a child theme and I can help from there.

i’ve used all of the CSS in this post to try and change the links/headers from orange to purple for littlelavenderleaf.com. everything works, but the hover for the “popular tags” section is still orange.

here’s what my code looks like:

a, a:visited, .main-navigation a:hover, .main-navigation a:visited:hover, .site-title a, .site-title a:visited, .social-links ul a:hover, a.more-link, a.more-link:hover, .site-footer a:hover, .site-footer a:visited:hover, .comment-meta .comment-metadata a:hover, .comment-meta .comment-metadata a:visited:hover, .bypostauthor > .comment-body:first-of-type .comment-author .avatar {
	color: #937e8a;
}

abbr, acronym {
	border-bottom: 1px dotted #937e8a;
}

.page-links span.active-link, .page-links a:hover span.active-link {
	background-color: #937e8a;
}

#infinite-handle span button:hover,  #infinite-handle span button:active, #infinite-handle span button:focus, #infinite-handle span:hover button, #infinite-handle span button:hover {
	background: #937e8a;
	outline: 5px solid #937e8a;
}

@media only screen and (min-width: 40.063em) {
	.main-navigation .current_page_item > a, .main-navigation .current-menu-item > a, .main-navigation .current_page_ancestor > a {
		color: #937e8a;
	}
}

button:active, button:focus, input[type="button"]:active, input[type="button"]:focus, input[type="reset"]:active, input[type="reset"]:focus, input[type="submit"]:active, input[type="submit"]:focus, #infinite-handle span button:active, #infinite-handle span button:focus {
	background: #937e8a;
	outline: 5px solid #937e8a;
}

button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, #infinite-handle span button:hover {
	background: #937e8a;
	outline: 5px solid #937e8a;
}

how do i fix the tag part?