Changing the colors of this theme & its default text!

  • Author
    Posts
  • #144425

    Hi There!

    I’m trying to figure out how to change:

    1) The Text Color of the Upper Menu Bar and how I can center it so that it’s not all skewed to the right hand side.

    2) Change all the grey from grey to peach –>
    a) the grey band at the bottom of the page, I believe this the footer.
    b) the grey box / buttons
    c) the grey follow me button on the right hand column.

    3)And how to get my site title from black to peach. I tried using a previous forum’s answer of:

    .site-title A { color: #FE937C }

    but when looking at my blog outside of the customization tool it reverts back to black but is peach when working on it.

    Thank you so much for your help, I adore the clean look of this theme I just want to make it a little more me and am very new to coding! :)

    The blog I need help with is thequixoticgarden.com.

    #144426

    Oh! And if you know how to change the color of the box around “Follow along with this blog” that’d also be fantastic! :)

    #144431

    anhtnt
    Theme Author

    Hi,

    > 1) The Text Color of the Upper Menu Bar and how I can center it so that it’s not all skewed to the right hand side.

    Did you mean the main menu?

    https://i.imgur.com/pcKKS73.png

    > 2) Change all the grey from grey to peach

    Please go to Customize > CSS and add the following CSS:

    .site-footer,
    .header-search > .header-search__click,
    .widget input[type="submit"],
    .widget_blog_subscription input[type="submit"],
    .scroll-to-top,
    body button {
      background: #FE937C;
      color: #fff;
      border: 0;
    }
    .content-area #infinite-handle span,
    .header-search > .header-search__click i,
    .scroll-to-top i, .search-form .search-submit i {
      color: #fff;
    }

    > 3)And how to get my site title from black to peach.

    #masthead .site-title a { color: #FE937C }
    
    > Oh! And if you know how to change the color of the box around “Follow along with this blog” that’d also be fantastic! :)
    
    

    .widget_blog_subscription jetpack_subscription_widget .widget-title {
    color: #FE937C;
    }`

The topic ‘Changing the colors of this theme & its default text!’ is closed to new replies.