Color Options

  • haloarthub · Member ·

    Hi there sorry to bother you again. Im a Rookie at this stuff anyways I was wondering is there a way to change the Site Title Font Color and another thing i was wondering was the Latest Post Font Color and the bar/Divider with it. Ive tried the colors and background settings in the customize settings and ive mess with the pallets but these dont change The Site Title Font or The Latest Post Font Color or its bar that comes with it. And Lastly the widget for and image is there a way to change the description font color. Sorry this is a lot of things i hope thats not a problem

    The blog I need help with is: (visible only to logged in users)

  • binarymoon · Theme Author ·

    Hi. As you have seen there are basic colour options available in the customizer. If you want to change specific things beyond what you can do in the customizer then you can use custom CSS for this.

    https://wordpress.com/support/custom-design/custom-css/

    If you tell me exactly what you want to do (which thing, and what colour; ideally in a numbered list for easier filtering :)) then I’ll try to help you make these changes.

    Thanks – Ben

  • haloarthub · Member ·

    Latest Post. Font Color AND the Bar/Divider with it. Preferred Color White

    Sidebar Widget Image. The description/caption font color. Preferred Color White

    Footer Widget Instagram. The Font Color for Instagram. Preferred Color White

  • haloarthub · Member ·

    Hi im replying again in case you didn’t see my last response cause its been a few days and i know your a busy person. I would like the CSS Code To do these if possible.

    Latest Post. Font Color AND the Bar/Divider with it. Preferred Color White

    Sidebar Widget Image. The description/caption font color. Preferred Color White

    Footer Widget Instagram. The Font Color for Instagram. Preferred Color White

    The Post Comment Button Font Color When Leaving A Comment Under A Post.Preferred Color White.

  • binarymoon · Theme Author ·

    Hi – sorry for the delay. I missed your previous reply.

    Latest Post. Font Color AND the Bar/Divider with it. Preferred Color White

    Do you want to hide them? Or do you plan to make the page background dark?

    To make them both white use:

    .divider { color: white; }
.divider:before { background-color: currentColor; }

    Sidebar Widget Image. The description/caption font color. Preferred Color White

    Footer Widget Instagram. The Font Color for Instagram. Preferred Color White

    .widget-wrap { color: white; }
.widgettitle { color: white; }

    The Post Comment Button Font Color When Leaving A Comment Under A Post.Preferred Color White.

    #respond .form-submit input, #respond .form-submit input#comment-submit, #respond .comment-form-fields input[type=submit], #respond p.form-submit input[type=submit], #respond input[type=submit], #commentform #submit { color: white !important; }

    Thanks – Ben

  • haloarthub · Member ·

    Thanks for the response I appreciate it. Everything is perfect and looks how i want. But there is one more thing i was wondering you could do with CSS i would love to change the color of the box where the site title is. The box color is linked with my instagram title top post title and the follow us title so when i change the box color to black it changes the title of those said things to a dark grey.

  • binarymoon · Theme Author ·

    I don’t see the site title on your site. Is it hidden?

    Anyway – the site title colour can be changed with:

    .masthead .branding .site-title a, .masthead .branding .site-title a:hover, .masthead .branding p.site-description {
color: white;
}
  • haloarthub · Member ·

    My site title is home i wasn’t meaning the font color of the website title but the color of the box color behind it. Sorry for the confusion.

  • haloarthub · Member ·

    The only way i found to change the site box color is through the customize the color and background section under pallets the main accent one. But when i do that it changes the title font color of my instagram feed Top post & pages & Follow us. My Preferred Color of these Title fonts is white and i Prefer to keep that Site title box black.

    Im sorry if none of that makes any sense once again thank you for your time and patience with me i appreciate it

  • binarymoon · Theme Author ·

    Yu can change the background color of the site title with:

    .masthead .branding .site-title {
background-color: white;
}

    And the foreground color with the code I gave you previously:

    .masthead .branding .site-title a, .masthead .branding .site-title a:hover, .masthead .branding p.site-description {
color: black;
}
  • The topic ‘Color Options’ is closed to new replies.