Need help to add space under "YOU MAY ALSO LIKE", it is too close

Store Design
, , ,
1

SkaĢˆrmavbild 2023-09-10 kl. 18.13.14.png
SkaĢˆrmavbild 2023-09-10 kl. 18.13.14.png736Ɨ222 67.4 KB

Link to my website: https://mdnzn6tes8a76khb-65734639831.shopifypreview.com

2

Hi @OneCap

Try this.

  • 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:
h4.align-center.hometitle {
    padding-bottom: 20px;
}

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

3

Please, help me with the mobile view. I it is tight when you inspect from mobile view.

SkaĢˆrmavbild 2023-09-10 kl. 19.11.37.png
SkaĢˆrmavbild 2023-09-10 kl. 19.11.37.png712Ɨ240 22.2 KB

4

Try this one.

Same Instruction.

@media only screen and (max-width: 749px){
h4.align-center.hometitle {
     padding-bottom: 20px !important;
}
}

And Save.

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

5

hmm, still not workingā€¦

SkaĢˆrmavbild 2023-09-10 kl. 20.46.19.png
SkaĢˆrmavbild 2023-09-10 kl. 20.46.19.png664Ɨ868 275 KB

6

I edit the code, Please replace it. Thanks!

7

Ah, it is still the sameā€¦

8

Can you try to remove the !important on this code. On the style.css file.

Made4uoRibe_2-1694372952982.png

That looks to be like this.

Made4uoRibe_1-1694372918033.png

Thanks!

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

9

Hmm, still not working brotherā€¦

10

I re-edit again the code that I give. Would you mind to give a try again and replace. Thanks!

11

Nah, itā€™s still not working broā€¦

12

Let have another code then. :grinning_face_with_smiling_eyes:

Same Instruction.

.collection-listing.related-collection {
    padding-top: 20px;
}

And Save.

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

13

ah, brother still not working haha. I donā€™t know whyā€¦ :tired_face: :sob:

14

Maybe you can check what code CAINTE has: https://cainte.se/collections/nye-items-for-him/products/balearic-bracelet-solv?variant=46951946551638

15

Thats a bit wierd. Why its not listening to the code. Oh, I have some fault to the latest code that i give.

Replace to this one.

@media only screen and (max-width: 748px){
.collection-listing.related-collection {
    padding-top: 20px !important;
}
}

And save.

Please, Replace it so it wont be a mess in your style.css.

Thanks!

16

yeah, thanks. But that one does not work either. Wow, this is turning to be very strange, why does nothing work out?