Shopify themes, liquid, logos, and UX
Dears,
I’ve been looking for the solution to my problem for hours but everything I’ve tried doesn’t work.
On my homepage I would like to reduce the space between the heading of my Featured collections and the images below.
My url is : www.shkoonshop.com
Could you help me please?
Thank you!
Solved! Go to the solution
This is an accepted solution.
Hey @Moujik,
please note that the problem you are facing caused because of the product images that are too tall and are not centered. Fixing the images will resolve your problem.
This is an accepted solution.
Go to Online Store -> Themes -> Edit code, then go to the file called base.css and paste the code at bottom of it
This is an accepted solution.
Hey @Moujik,
please note that the problem you are facing caused because of the product images that are too tall and are not centered. Fixing the images will resolve your problem.
Thank you so much!
I had to change the Image ratio in the Featured collection/Product card section and it reduced the blank space.
Another (last?) question :
This time, how could I add blank space between the bottom of my Instagram Feed app and the heading of my Featured collection ??
There is no change when I edit the Top padding.
Use the following code:
#rap__med__instagram {
margin-bottom: 2rem;
}
if we helped you please mark this reply as a solution!
Where should I add this code please?
This is an accepted solution.
Go to Online Store -> Themes -> Edit code, then go to the file called base.css and paste the code at bottom of it
Got it! It works! Thank you so much.
HI @Moujik
This is Henry from PageFly - Landing Page Builder App
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file component-card.css
Step 3: Paste the below code at bottom of the file -> Save
.collection__title.title-wrapper, title-wrapper-with-link {
margin-bottom: 0 !important;
}
Hope that my solution works for you.
Best regards,
Henry | PageFly
Please let me know if it works by giving it a Like or marking it as a solution!
PageFly - #1 Page Builder for Shopify merchants.
All features are available from Free plan. Live Chat Support is available 24/7.
Hey,
You can paste the following code to the bottom of your base.css file:
.collection__title.title-wrapper {
margin-bottom: -2rem;
}
Note that this is NOT the optimal solution, and the best solution is fixing the pictures, as we mentioned before.
Hey Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...
By JasonH Dec 6, 2024Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024