How do i decrease the space shown in the image?

Simon159
Explorer
109 0 21
Replies 9 (9)

Kodence
Shopify Partner
6 0 4
p.product__text.inline-richtext {
margin-top: 0;
}

.shopify-block.shopify-app-block.ali-widget-star-rating {
margin-bottom: 0;
}
Simon159
Explorer
109 0 21

did not work, where am i supposed to paste this?

SomeUsernameHe
Shopify Partner
455 49 83

You can adjust and use the following css:

div#shopify-block-15e8f20f-6797-4c24-a5f2-cb7c0e6b97f2 {
    margin-bottom: 30px;
}
Have I helped? Consider putting coffee in my mouth!
Buy Me a Coffee
Simon159
Explorer
109 0 21

did not work where do i paste this

SomeUsernameHe
Shopify Partner
455 49 83

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:

div#shopify-block-15e8f20f-6797-4c24-a5f2-cb7c0e6b97f2 {
    margin-bottom: 10px;
}
Have I helped? Consider putting coffee in my mouth!
Buy Me a Coffee

PageFly-Richard
Shopify Partner
4079 912 1564

Hi @Simon159 


This is Richard from PageFly - Shopify Page Builder App

 

Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>

<style>
.product__info-container>*+*{
margin: 0 !important;
}
p.product__text.inline-richtext{
margin: 0 !important;	
}
</style>

Hope this can help you solve the issue

 

Best regards,

Richard | 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.

Simon159
Explorer
109 0 21

hey, that moved the star rating up as well which is not what i want to do. all i want is to move the text a little closer to the star rating. Is there any way to just do that? Thank you!

SomeUsernameHe
Shopify Partner
455 49 83

Use this css:

div#shopify-block-15e8f20f-6797-4c24-a5f2-cb7c0e6b97f2 {
    margin-bottom: 10px;
}
Have I helped? Consider putting coffee in my mouth!
Buy Me a Coffee
Simon159
Explorer
109 0 21

did not work either