[Resolved] Can't change font or link color in content area

Top Bar Social Menu

It looks like the top bar is disabled. The top bar social menu appears in the top bar which is placed above the header/main menu. You’ll find that setting at Appearance > Theme Settings > Header > Top Bar.

Are you perhaps looking to insert social icons in your main menu? If so, I think I can work up a solution for you. I might just need a couple of days to implement. Let me know. Thanks.

Just in case we miss each other and you’d like to get started. Hotfixing will be:

1. Install and activate plugin Simple Custom CSS.
2. Go to Appearance > Custom CSS.
3. To change the content link color, insert the following and change the seven color values listed there:

/* Content Link Color */

::selection, a, a:visited, a:hover, a:focus, a:active, .comment-navigation .nav-links a:hover, .paging-navigation .nav-links a:hover, .post-navigation .nav-links a:hover, .panel-grid-cell .sow-features-list .sow-features-feature p.sow-more-text a:hover, .panel-grid-cell .sow-carousel-wrapper ul.sow-carousel-items li.sow-carousel-item h3 a:hover, .panel-grid-cell .sow-carousel-wrapper ul.sow-carousel-items li.sow-carousel-item .sow-carousel-thumbnail a span.overlay, .entry-header h1.entry-title a:hover, .entry-header h1.page-title a:hover, .page-header h1.entry-title a:hover, .page-header h1.page-title a:hover, .entry-meta a:hover, .entry-footer a:hover, .comments-area .comment-author .fn a:hover, .comments-area .comment-metadata a:hover, .comments-area .reply a.comment-reply-link:hover, .comments-area .reply a.comment-reply-login:hover, .mbt-breadcrumbs a:hover, .mbt-featured-book-widget .mbt-book-title a:hover { 		
	color: #dd3333;
} 

button, input[type="button"], input[type="reset"], input[type="submit"], .pagination .page-numbers:hover, .pagination .current, .entry-content .more-wrapper .more-link:hover, .entry-content .page-links span, .entry-content .page-links a span:hover { 
	background: #dd3333;
} 

button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { 
	background: rgba(221, 51, 51, 0.8);
} 

blockquote { 
	border-left: 3px solid #dd3333;
} 

.entry-content p a, .entry-content li a, .entry-content dl a, .entry-content pre a, .entry-content code a, .entry-content blockquote a, .content-none .site-main a { 
	border-bottom: 1px dotted #dd3333; 
	color: #dd3333; 
} 

.entry-content p a:hover, .entry-content li a:hover, .entry-content dl a:hover, .entry-content pre a:hover, .entry-content code a:hover, .entry-content blockquote a:hover, .content-none .site-main a:hover, .comments-area .comment-list .pingback a, .comments-area .comment-list .pingback a:hover, .comments-area .comment-list .pingback .edit-link a:hover, .comments-area .comment-content a, .comments-area .comment-content a:hover { 
	border-bottom: 1px solid #dd3333;
}

One value is RGBA. You’ll need to convert your hexadecimal color to a RGB color and replace the first three numbers with your RGB color. The numbers now are: 221, 51, 51. Leave the last number, that’s opacity. Usually the Customizer would handle the conversion for you.

4. To change the body font color:

/* Content Text Color */

body, button, input, select, textarea, .entry-content table a:hover, input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus, .pagination .page-numbers, .pagination .dots:hover, #secondary .widget a:hover, .entry-content .more-wrapper .more-link, .entry-content .page-links .page-links-title, .entry-content .page-links a span, .comments-area .comment-respond p:first-of-type a:hover, .mbt-book .mbt-book-meta a:hover, .mbt-featured-book-widget .mbt-book-title, .wpcf7 .wpcf7-mail-sent-ok, .gform_confirmation_wrapper .gform_confirmation_message { 
	color: #5a5d60; 
}

So sorry for the hassle. If you’d like to use the “Set as private reply” checkbox below and send a set of temporary login details I’d be more than happy to make these hotfix changes for you. Just let me know what the colors should be in that event.

Thanks for the information.

I’ve applied the changes at Appearance > Custom CSS. After the next update we can make those changes in the Customizer and remove the Custom CSS. Please, take a look and let me know if there is anything that needs attention.

At Appearance > Customize > Theme Design > Bottom Bar I set the colors as required for the bar below the footer.

Let me know how you come along.

Thanks for your understanding.

I don’t have a release date yet. Hopefully quite soon. If you’d like to email me your FTP login details I’d be happy to make these changes live on your server so we can do away with the Custom CSS and move those settings to the Customizer right away.

Thanks for raising this Stefan. I see I made the made stylesheet link rules slightly more specific than the Customizer CSS rules which is causing the Customizer rule to lose the battle. I’ll fix in the next update. Please, change your Custom CSS to:

.entry-content p a, .entry-content li a, .entry-content dl a, .entry-content pre a, .entry-content code a, .entry-content blockquote a, .content-none .site-main a {
    border-bottom: 1px dotted #43bfc7 !important;
    color: #43bfc7 !important;
}

You should be able to remove this after the next update. Sorry for the hassle. Thanks for your help in raising this, I appreciate it 🙂

Ahh sorry for missing that, please, try:

.entry-content p a:hover, .entry-content li a:hover, .entry-content dl a:hover, .entry-content pre a:hover, .entry-content code a:hover, .entry-content blockquote a:hover, .content-none .site-main a:hover {
    color: #5a5d60 !important;
}

I’ll have this all fixed up for the next release. Thanks for all of your help.