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

This topic contains 16 replies, has 3 voices, and was last updated by  Andrew Misplon 1 year, 6 months ago.

Tagged: 

  • Author
    Posts
  • #2103

    workinglens
    Participant

    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/

    #2104

    Andrew Misplon
    Keymaster

    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.

    #2105

    Andrew Misplon
    Keymaster

    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.

    #2106

    Andrew Misplon
    Keymaster

    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.

    #2108

    Andrew Misplon
    Keymaster

    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.

    #2109

    workinglens
    Participant
    This reply has been marked as private.
    #2110

    Andrew Misplon
    Keymaster

    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.

    #2111

    workinglens
    Participant
    This reply has been marked as private.
    #2114

    Andrew Misplon
    Keymaster

    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.

    #2115

    workinglens
    Participant
    This reply has been marked as private.
    #2116

    Andrew Misplon
    Keymaster
    This reply has been marked as private.
    #5735

    xazqe
    Participant

    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 1 year, 6 months ago by  xazqe.
    #5737

    Andrew Misplon
    Keymaster

    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 🙂

    #5741

    xazqe
    Participant

    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 1 year, 6 months ago by  xazqe.
    #5744

    Andrew Misplon
    Keymaster

    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.

Viewing 15 posts - 1 through 15 (of 17 total)

You must be logged in to reply to this topic.

Scroll to top