Spacing

Solved

Spacing

Spay
Excursionist
33 0 12

2nd product stuck.pngWanting to move all my writing and info abit to the right so there more gap between it and the photo

Accepted Solution (1)
Made4uo-Ribe
Shopify Partner
10100 2398 3034

This is an accepted solution.

Thanks for the info, check this one. 

 

From you Admin page, go to Online Store > Themes

Select the theme you want to edit

Under the Asset folder, open the main.css(base.css, style.css or theme.css)

Then place the code below at the very bottom of the file.

 

@media only screen and (min-width: 749px){
.product__info-wrapper.grid__item {
    padding-left: 8rem;
}
}

 

And Save. 

Result:

Made4uoRibe_0-1723241552943.png

 

 

 

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

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.

View solution in original post

Replies 8 (8)

ES1
Shopify Partner
246 24 27

Hi,

Can you please share your store url so that we can take a look to guide you.

 

Thanks

If this fixed your issue, Please Like and Accept as a Solution.
Looking for assistance? Hire an experienced Shopify Partner! Visit EcommerceStorez.us today for a quick quote.
Seeking an elegant theme designed to boost conversions? Explore our High-Converting Shopify Themes today!

Spay
Excursionist
33 0 12

aventacy.com pass: bcstore

also you will see on my products a line under the price amount i put that in with a code but it only shows on pc not mobile is there a way to fix that?

Made4uo-Ribe
Shopify Partner
10100 2398 3034

Hi @Spay 

Its wrong password, would you mind to share the correct one. Thanks!

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Spay
Excursionist
33 0 12

@Made4uo-Ribe  pass is Store1

 

Made4uo-Ribe
Shopify Partner
10100 2398 3034

This is an accepted solution.

Thanks for the info, check this one. 

 

From you Admin page, go to Online Store > Themes

Select the theme you want to edit

Under the Asset folder, open the main.css(base.css, style.css or theme.css)

Then place the code below at the very bottom of the file.

 

@media only screen and (min-width: 749px){
.product__info-wrapper.grid__item {
    padding-left: 8rem;
}
}

 

And Save. 

Result:

Made4uoRibe_0-1723241552943.png

 

 

 

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

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Spay
Excursionist
33 0 12

@Made4uo-Ribe  the only main i can see close to that under assets code folder is main-search.js can you show me where please

Spay
Excursionist
33 0 12

@Made4uo-Ribe  i put it at the bottom of the base section it works but not on mobile when viewing?

 

BSS-TekLabs
Shopify Partner
2401 695 832

Hello @Spay 
Our team is ready to help you.
Please share your website address and access password (if necessary) so that we can check and assist you.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now