How can I adjust column size in Ride theme?

Hi! I’m wondering if anyone could help me please with a code to make the columns with links to my reviews on my site smaller, around half the size (bottom of my homepage)? I’m using the Ride theme

www.disappearhere.org

Thank you!!!

Hi @disappearhere

Do you mean this one?

if it is, check this one.

From your Shopify admin dashboard, click on “Online Store” and then “Themes”.

Find the theme that you want to edit and click on “Actions” and then “Edit code”.

In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

.page-width.section-template--21642045260120__multicolumn_JtVTPa-padding.isolate .grid--4-col-desktop .grid__item {
    max-width: 12%;
}

And Save.

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

Hey @disappearhere ,

I did some changes for mobile and desktop

Go to your theme’s “Edit Code” Option, then in the search bar type “theme.liquid”
Below the tag “” tag paste the following. Screenshot attached for reference.


Screenshot is for reference only, the correct code to paste is the one shown above.

If you’d like you can use this,.

Desktop

Mobile