Home>Support>Vantage Noob Question – How to change font colors in the Blog area vs. everywhere else on the side?

Vantage Noob Question – How to change font colors in the Blog area vs. everywhere else on the side?

By John Kovaleski, 9 years ago. Last reply by Daniel, 9 years ago.

Noob Question.

ISSUE#1: I’ve been able to change the fonts and set colors in the theme, home page, menu bars, etc. but I cant seem to figure out where the settings are to change the font colors and font sizes in the blog for “Posted on February 22, 2015 by admin” in the issue URL. There are two colors here and can’t figure out where to set either of them. Also the headers for RECENT POST, RECENT COMMENTS, ARCHIVES, etc. Also can find where to change the light blue font color under each of the above headers.

ISSUE#2
on http://www.shadowboxtoys.com/high-moon/ page, the font color for “Leave a Reply”, “Comment” and how to change the font size for the very bottom where it says

You may use these HTML tags and attributes: <a href="" title="">        <em>    <strong>
above the post comment area.

Thanks in advance.

URL: http://www.shadowboxtoys.com/blog/

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 7 months ago Daniel
    Hi, I Work Here

    Hi John Kovaleski

    You can fix/change this with some custom CSS. If you navigate to Appearance > Custom CSS, you’ll get our custom CSS editor. Just add the following code.

    /*Posted on February 22, 2015 by admin*/
.entry-meta {
    color:red!important;
}

time.entry-date {
      color:red!important;
}
span.author.vcard a {
    color:red!important;
}
/*for headers for RECENT POST, RECENT COMMENTS, ARCHIVES*/
#secondary .widget .widget-title, #footer-widgets .widget .widget-title
 {
    color:red!important;
}

/*for the light blue font color under each of the above headers.*/
#secondary .widget  a {
color: red!important;
}


/*for the font color for Leave a Reply"*/
h3#reply-title {

    color:red!important;
}

/*for the font color for "Comment"*/
#commentform label {
    color:red!important;
}

/* for You may use these HTML tags and attributes:*/
p#form-allowed-tags {
    font-size:14px!important;
}

    Please change the color (red) I have used to your preferred color.

    Try that out and let me know if it works for you

  2. 9 years, 6 months ago John Kovaleski

    Hi Addo,

    Thanks so much for the help. Ok. I followed your instructions and everything seemed to work at first. Everything turned RED as is listed and the font size for the p#form-allowed-tags changed to 14px. All good…

    …Until…

    I went back into the code and changes the colors to what I wanted them to be and re-saved everything and now “most” of the changes are still there but other have reverted back to what they where originally.

    Here is the current code:

    .entry-meta {
    color:#999999;
    }

    span.author.vcard a {
    color:#f47e3c;
    }

    time.entry-date {
    color:#cccccc;
    }

    /*for headers for RECENT POST, RECENT COMMENTS, ARCHIVES*/
    #secondary .widget .widget-title, #footer-widgets .widget .widget-title
    {
    color:#7100e2;
    }

    /*for the light blue font color under each of the above headers.*/
    #secondary .widget a {
    color:#cccccc;
    }
    /*for the font color for Leave a Reply”*/
    h3#reply-title {
    color:#f47e3c;
    }

    /*for the font color for “Comment”*/
    #commentform label {
    color:#7100e2;
    }

    /* for You may use these HTML tags and attributes:*/
    p#form-allowed-tags {
    font-size:14px;
    }

    The ones that don’t seem to work are the:

    span.author.vcard a {
    color:red!important;
    }

    and the:

    p#form-allowed-tags {
    font-size:14px!important;
    }

    If I go to inspect element with google chrome I can see the changes I made have a line thru them when viewed in the styles table. Above it looks like it says “Inherited from P#form-allowed-tags.form-allowed-tags.

    I’m assuming something is overriding the changes.

    Any ideas? (I really need to learn more about coding but what you have help with so far has been a big help! Thanks)

    Best,

    John

  3. 9 years, 6 months ago Daniel
    Hi, I Work Here

    Hi John

    Please ensure that you only have one instance of the style you want to implement in the custom css area. If you see a style has been struck through it usually means it is being overridden as you mentioned.

    Try that out and let me know the outcome.

    Cheers

  4. 9 years, 6 months ago John Kovaleski

    If I do have multiple instances where would I see these and how would I get ride of them while there? Are they listed in the Custom CSS area or in the Theme Editor? I’m new to these so any direction would be useful. Thanks!

  5. 9 years, 6 months ago Private Message - Daniel Hi, I Work Here

    This is a private message.

  6. 9 years, 6 months ago Private Message - WordPress

    This is a private message.

  7. 9 years, 6 months ago John Kovaleski

    Your admin has been setup.

    Thanks for the help.

  8. 9 years, 6 months ago Daniel
    Hi, I Work Here

    Hi John

    I have added the !important phrase to your css. Please have a look.

    Cheers :)

  9. 9 years, 6 months ago John Kovaleski

    Looks great!

    Thank you.

  10. 9 years, 6 months ago Daniel
    Hi, I Work Here

    Perfect :-)

    Always feel free to open a new thread whenever you require support

    Cheers

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More