Band demo blog styling

[addabble]

Hello,

For the Band demo blog design, how can we edit the colors, background image, and how can we align the categories with the post’s preview?

Thank you!

[ruenel]

Hello @addabble,

Thanks for reaching out.

To change the background image, you have to do it globally in X > Theme Options > Layout and Design > Background Image. You will have to upload your own image to update it.

To change the colors, you may need to go to X > Theme Options > Layout and Design > Background Color and set the background color of the site. The demo is also using a custom CSS:

.blog .entry-wrap, .single .entry-wrap {
    margin-left: auto;
    margin-right: auto;
    max-width: 600px;
    text-align: center;
    background-color: #dfd9c3;
}

You can find this code in X > Theme Options > CSS. Feel free to make adjustments to the code above as you need. Here are some related links for further reading, this could help you in finding and implementing some CSS fixes:

Intro to CSS - https://goo.gl/mFuWQT
How to get CSS selectors - https://goo.gl/BmoH39
Get Started With Viewing And Changing CSS - https://goo.gl/7xFhDa
CSS Media Queries - https://goo.gl/L3ZHNg

[addabble]

And how do I center align the blog categories ?

[tristup]

Hi @addabble,

You need to add the following custom CSS code into the Theme Options > CSS to make the categories aligned center.

.entry-footer a
{
    float: unset !important;
}
.entry-footer
{
    text-align: center !important;
}

Please remember that the above code will work if copied as it is and don’t conflict with any existing style.
Please note that the code provided serves only as a guide to help you get started custom coding on your own if there’s no option offered in our theme or the products we bundle.
We really do not provide support for custom codes that means we can’t fix it in case it conflicts with something on your site nor will we enhance it.

Thanks