Executive Theme Comment Indicator Color Problem

Community Forums Forums Design Tips and Tricks Executive Theme Comment Indicator Color Problem

This topic is: resolved

This topic contains 2 replies, has 1 voice, and was last updated by  SiteDeisgn8850 1 year, 7 months ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #14238

    SiteDeisgn8850
    Participant
    Post count: 4

    On the Executive Theme, the one I bought and even on SP’s demo site here: http://demo.studiopress.com/executive/threaded-comments/?color=orange , when set to the Orange color (the site I have for my site too), and I am in the Blog (or sample blog) there is “1 comment” showing, but when I click on that “1 Comment”, the color of the “1 Comment” link turns into the SAME color as the Orange background of the box surrounding the “1 Comment” which makes the “1 Comment” completely disappear!  Try it, you’ll see what I mean after you click on the 1 Comment on the Orange sample Blog…

    I inspected the element, and it’s set to

    .executive-orange a,.executive-orange a:visited {

    color: #e0a24b;

    }
    which explains why it’s that way… but I am not savvy enough to know where in the code to fix it… Can you point me to the right place to correct/fix that built-in error to the theme?

    Thank you!
     - Jon

    #14467

    SiteDeisgn8850
    Participant
    Post count: 4

    More info:

    I see that the CSS element causing this is in the CSS code on line 1718 – 1721:
    .executive-orange a,
    .executive-orange a:visited {
    color: #e9ad50;
    }
    But the issue is if I change that HEX# to contrast with the Button it’s sitting on, then it just ends up changing the ENTIRE site’s text to that new color, and I only want to change that “visited” Comment text color… not the entire site’s text.

    I just don’t know how to add that new block of info in to isolate that one issue, can you assist?

    Thank you,

    JR

     

    #15610

    SiteDeisgn8850
    Participant
    Post count: 4

    Your Help Desk helped me fix it.  This is the fix for that specific issue:
    Add this to your style.css file:
    .executive-orange .post-info .comments a {
      color: #fff !important;
    }
    I dropped that snippet of code into about line 1723 (the line # might be different for others?).  It’s the area underneath the /*Executive Orange area of that CSS file.  When I refreshed, the box showing how many Comments (1 Comment, etc) are on the Blog page under the Blog post remains white and doesn’t change to the same background color as the box.
    Thank you!

Viewing 3 posts - 1 through 3 (of 3 total)

The topic ‘Executive Theme Comment Indicator Color Problem’ is closed to new replies.