Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #51124
    Seper
    Member

    Hello,

    I’m using the Catch Base theme in its Dark Color Scheme but I have changed the site’s background color into something lighter. Now, all works fine except for one little thing. When I click on a tag or category, the list of posts that appear are shown with their titles/links in a light color, since it’s the dark scheme. Since my background color is also light, the problem is that they are barely visible. Same is true for the category/tag name that appears above the list. Is there a way to change these colors?

    Thanks.

    #51130
    Sakin
    Keymaster

    @Seper: Can you post in your site URL so that I can check in.

    #51154
    Seper
    Member

    The live site is outdated and I’m rebuilding it on my local machine. I can send you a sample, if you don’t mind:
    https://www.dropbox.com/s/seio7uoh01jbn3l/sample.tar.gz?dl=0
    This is how it looks when I click on a tag. You need to focus in order to discern the titles above the posts.
    Sorry, it’s not in English, but you can see the page source and see what custom CSS I have added. I thought I could change the colors through page-title and entry-title, but it doesn’t work, at least the way I did it.

    PS: I’m not “fluent” in CSS and maybe I’ve done something stupid by adding conflicting settings.

    #51159
    Sakin
    Keymaster

    @Seper: It shouldn’t be like that. Which version of Catch Base theme are you using it?
    Can you check this version https://wordpress.org/themes/download/catch-base.1.2.1.zip

    As when I check in our dark color scheme, it’s working fine. No issue like that. So confused. Did you added any custom css?

    #51160
    Seper
    Member

    I’m using the latest version, 1.2. Not sure if it’s 1.2.1. I’ll check later.

    Yes, I’ve added some CSS code.
    Here it is (i’ve change the background color into light grey)

    a { color: #002966; }
    
    .widget-area .widget a {
        color: #002966;
    }
    
    .widget-area .widget {
        color: #000;
        font-family: "GFS Didot";
       font-size: 17px;
    }
    
    .widget-area .widget-title {
        color: #000;
        font-family: "GFS Didot";
    }
    
    .site {
        background-color: #e6e6e6;
        color: #fff;
    }
    
    .site-title {
        font-size: 10px;  font-family: "GFS Didot"; 
    }
    
    .site-description {
        font-size: 14px;  font-family: "GFS Didot"; 
    }
    
    .catchbase-nav-menu { font-family: GFS Didot;
    }
    
    .catchbase-nav-menu a { color: #9DBEDF;
    }
    
    .entry-title, .entry-title a { color: #000; font-family: "Trebuchet MS";}
    
    .entry-title { color: #000; font-family: "Trebuchet MS";}
    
    #main .entry-summary a {
        color: #002966;
       font-family: "GFS Didot";
        font-weight: bold;
    }
    
    #main .entry-content a {
        color: #002966;
       font-family: "GFS Didot";
        font-weight: bold;
    }
    
    #main .entry-content li {margin-top: 0.2in; }
    
    #main .entry-content li a {font-size: 18px;}
    
    #main .entry-content {
        /*font-size: 20px;
        letter-spacing: 1px;
        line-height: 1.2;
        background-color: #cecece;
        color: #000000;*/
        color: #000;
       font-family: "GFS Didot";
      font-size: 16px;
    }
    
    .goarticle {
        font-size: 18px;
        letter-spacing: 0px;
        line-height: 1.6;
        background-color: #e6e6e6;
        color: #000000;
       font-family: "Trebuchet MS";
    }
    
    .goarticle h1 {color:#000;}
    .goarticle h2 {color:#000;}
    .goarticle h3 {color:#000;}
    .goarticle h4 {color:#000;}
    .goarticle h5 {color:#000;}
    .goarticle h6 {color:#000;}
    
    #header-menu ul.menu a {color: #eee;}
    #51292
    Sakin
    Keymaster

    @Seper: With all these custom css and change, I need to check your site to find the issue.

    Try changing color code in the following css and then add in your custom css:

    .blog .entry-title a,
    .archive .entry-title a, {
        color: #404040;
    }
    #51762
    Seper
    Member

    @Sakin, Thanks. This worked. Almost. It changed the colors of the post links, but I still can’t change the color of the category/tag title that appears just above the posts list. Anyway, I switched back to the Light Color Scheme. I’ll come back as soon as the site is live. Thank you very much for your help.

    #51787
    Sakin
    Keymaster

    @Seper: Ok sure.

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Title colors in category/tag post list’ is closed to new replies.