Can't change font or link color in content area

Hi workinglens

Thanks so much for your support. Sincere apologies for this hassle. I’m working on it now and will update as soon as possible.

Chat shortly.

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.

Apologies again, I’ll have these Customizer bugs resolved in the next version. When you have a moment, please, let me know your preferred content area link and text color. I’ll work up a Custom CSS solution that you can implement right away.

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.

This reply has been marked as private.

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.

This reply has been marked as private.

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.

This reply has been marked as private.

This reply has been marked as private.

Hi Andrew!

I love you theme! But I’ve had this same issue for a while now since a theme/wordpress update last summer.

The content link color setting in the customisation only affects links in my sidebar widgets.

I’ve installed the Custom CSS plugin and pasted your CSS as posted above, and converted the value to RGB, but it still doesn’t change the content link colors in the Posts and Pages.

The desired link color is the cyan/pastel turquoise in the sidebar widgets, but the content links show up in the standard blue color.

It’s not a very big deal, but aesthetically it would be nice to solve this little bug.

Example: http://www.uprightsounds.com/portfolio/ (WordPress 4.7 & Ultra Premium 2.1.9)

Stefan

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 🙂

Thanks for the quick reply, amazing!

That solved it! The links are now in the right color, however without any hover effect/color change (like the hover effect behaviour in the sidebar widgets).

I set the dotted underline to 0px and everything looks like it should now.

Looking forward to the next update! Maybe the hover effect will be restored in that CSS update?

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.

Awesome, that did it! Thanks =D