Wordpress Make Link Not Different Color on Widget Text

July 25, 2015 at 1:33 am #2103

Hello…I am building a website and bought the premium upgrade…it's been great. Except I've discovered that I can't change the link or text color in the content section. I can change the heading color, but not the other two…they stay fixed. Can you please fix that, or let me know what to do? I have posted the link below to the site. Also, i can't seem to get the top bar social media menu to work…while the bottom one works fine. Please advise.

Thank you,

http://559.849.myftpupload.com/

July 25, 2015 at 8:46 am #2104

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.

July 25, 2015 at 8:52 am #2105

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.

July 25, 2015 at 9:21 am #2106

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.

July 25, 2015 at 11:43 am #2108

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.

July 25, 2015 at 10:21 pm #2109

This reply has been marked as private.

July 26, 2015 at 11:10 am #2110

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.

July 29, 2015 at 12:13 am #2111

This reply has been marked as private.

July 29, 2015 at 3:26 pm #2114

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.

July 29, 2015 at 11:49 pm #2115

This reply has been marked as private.

July 29, 2015 at 11:59 pm #2116

This reply has been marked as private.

January 4, 2017 at 7:08 pm #5735

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

• This reply was modified 4 years, 10 months ago by xazqe.

January 4, 2017 at 7:26 pm #5737

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 🙂

January 4, 2017 at 9:17 pm #5741

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?

• This reply was modified 4 years, 10 months ago by xazqe.

January 4, 2017 at 10:22 pm #5744

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.

Wordpress Make Link Not Different Color on Widget Text

Source: https://purothemes.com/support/topic/cant-change-font-or-link-color-in-content-area/

Share this post