How can I modify my website's category display to match the Dawn Theme?

[Tiff0011]

Can any one advise on how to amend how my categories are currently displayed on my website. I’d like it to look more like the attached image

My website page is https://tiffenyofficial.com/

Password is ‘pix’

[PaulNewton]

If your mean for your front page list of categories then in your theme settings add a custom-liquid section below the category section setting and add the following css tweaking values like the font size to need. Or make a backup and add the styles to the bottom of the theme’s style.css file

To add controllable image to the left and right is a much more advanced customization.

[BSS-Commerce]

Hi @Tiff0011

Regarding editing the category list, we would like to suggest you a solution below:

1: Access to your Shopify admin > Theme > Edit code

2. Find any CSS file which should be base.css or global.css


3. Insert the following code at the bottom of the page and save. If it does not work, please try inserting it into another CSS file.

section#shop-categories .col-md-6{
    width: 100% !important;
}
section#shop-categories .cat-box{
    border: none;
    text-decoration: underline;
    font-size: 29px;
    font-weight: 700;
    width: 100%;
    text-align: center;
    padding: 10px 14px;
}

4. Then click Save and check the result.

Regarding adding photos, this is an advanced function. So it’s a bit difficult for us if we only check it outside a storefront. If possible, please share your store access with us. Then, we will check and suggest you something.

I hope that you find it useful.

[Tiff0011]

It worked perfectly! Thank youu. How do I make it all caps please?

[BSS-Commerce]

Hi @Tiff0011

We saw that you have already adjusted the capitalization.

I you need further help, please let us know.

[branchandstick]

I was trying to find the answer for this, I have just created a new store with dawn theme and I am not sure where the categories are? I would like to have them displayed when you click the shop collections along with different products - I see it was told to add code to the end of base.css but I believe that is to edit the sizes etc. The site is not showing any categories I only have 1 currently but more will follow as I create more items) Any help would be appreciated

I have a sidebar menu handle sidebar-menu which I am not sure if that is not the proper terminology to use.

website is branchandstick.com