Colors and final tweaks!

  • Author
    Posts
  • #156203

    granttiller
    Member

    I have purchased your theme for both blogs:

    I am moving from the wordpress hosted blog at https://granttiller.wordpress.com/

    to a new one that i have set up (hosted by Ionos) at https://granttiller.com/

    So far so good – I have spent some time playing with plugins and trying to make the new one look the same.

    Three things elude me:
    1) i want to change the color scheme from standard orange (CF1020) to blue (6EA1BE)
    2) i would like to get rid of the white background at the bottom footer where the categories and tag clouds are
    3) although I have installed jetpack, which has got rid of the numbered pages, I am still seeing a read more button. Is there a way to implement true continuous scrolling like I have on the wordpress.com site?

    Thanks so much for putting together a great theme – this keeps my site nice and clean, and allows people to easily find the articles they are looking for!

    The blog I need help with is granttiller.com.

    #156247

    binarymoon
    Theme Author

    Hi there – thanks for the message.

    For points 1 and 2 – WordPress.com has their own code for custom colours which is not available on self hosted sites. I have made the Styleguide plugin which adds custom colours to my themes but it may not be exactly the same as what you have here on .com.
    https://wordpress.org/plugins/styleguide/

    For point 3 – I believe you can change this in the Jetpack settings in your WordPress admin.

    Thanks – Ben

    #156249

    granttiller
    Member

    Thanks Ben – that’s such a shame, as I feel I am so very nearly there!

    I have the plugin installed already – it gives you the opportunity to change Header Font and Body Font, but no changes to color.

    The only color adjustment is Background Color, which was there already.

    https://granttiller.com/wp-content/uploads/2020/07/Colors-Fonts.png

    Is it something that can be changed with CSS?
    I have used a few tweaks already to go some of the other areas looking the same.

    https://granttiller.com/wp-content/uploads/2020/07/Additional-CSS.png

    Thanks for taking the time to look!

    #156262

    granttiller
    Member

    Just logged into the console, and seen an update to the Styleguide plugin

    https://granttiller.com/wp-content/uploads/2020/07/new.png

    Thank you so much!!!!

    #156286

    granttiller
    Member

    I think this is the final think left to do.

    Is it possible (with CSS) to adjust the spacing between the posts?

    https://granttiller.com/wp-content/uploads/2020/07/spacing.png

    Thanks

    #156294

    binarymoon
    Theme Author

    He hee :) I updated the plugin yesterday before I replied :D

    For the space between posts you can use some custom css in the additional css section of the customizer.

    .main article.post-archive {
    margin-bottom: 30px;
    }

    That’s the default size. You can change the 30px to taste.

    Cheers – Ben

    #156298

    granttiller
    Member

    Ben – that’s perfect – thankyou!

    Is it possible to remove the header image from the posts and show the feature image thumbnail at the top of each post?

    When I link to a blog article now on external sites and forums, it is currently using the header image instead.

    …I promise I’ll stop bugging you then.

    Thanks so much for your help!

    #156363

    binarymoon
    Theme Author

    Unfortunately that’s something I can’t help with. Bromley hasn’t been setup to do this. I could give you some css to hide the header image, but we can’t use the featured image on the posts.

    If you want to do this you will need to add it manually, but that’s going to be a lot of work.

    Sorry about that – Ben

    #156365

    granttiller
    Member

    Thanks Ben,

    Yes – hiding the header image would be a good start.

    I’ll go through and edit the posts manually and put the feature image at the top right of each post.
    I would much rather do the work now while there are only 60 posts, than struggle when there are hundreds!

    Thanks for your help!

    #156372

    binarymoon
    Theme Author

    Cool – so to hide the header image on every page you would use:

    .main a#header-image { display: none; }

    To hide it on blog posts only you would use:

    .single-post .main a#header-image { display: none; }

    Thanks – Ben

    #156373

    granttiller
    Member

    Perfect – thanks so much for all your help!

The topic ‘Colors and final tweaks!’ is closed to new replies.