No Left/Right Padding Option Using Dawn & Multirow

Store Design
, ,
1

Hiya,

I’m new to Shopify but learning it pretty well. My issue is not too noticeable, but there doesn’t seem to be an option to add padding to the Multirow so the left side of the SHOP button outline is cut off (in the middle row).

Can anyone provide some CSS that will allow me to add about 5px of padding?

Website: https://frankbiganski.com/

Cheers!

Frank

2

Or, I wouldn’t mind some CSS that makes the left text box of text align to the right, for the middle row only and not all rows.

3

Hey @frankbiganski

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1742280453967.png
Moeed_0-1742280453967.png1199×475 500 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

4

Hi @frankbiganski , you can follow these steps:

Step 1: Open Online Store → Themes → Edit code.

Step 2: Find component-card.css file

Step 3: Paste this code at the bottom of the file

.multirow__inner > .image-with-text.isolate:nth-of-type(2) > a.button.button--secondary {
 margin-left: 5px !important;
}

Screenshot_1.png
Screenshot_1.png1292×883 309 KB

If this is helpful, please let us know by giving us a like and marking it as a solution. Thank you :heart_eyes:

5

Thank you! The CSS didn’t work but the option worked perfectly.

Thanks again!

6

Thank you for your reply. I’m glad to hear that the solution worked well for you. If you require any more help, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.