How to move Text and prodicts (whole section) a little to the left,and prices.

Solved

How to move Text and prodicts (whole section) a little to the left,and prices.

meto2303
Tourist
12 0 2

Help me to move Text and prodicts (whole section) a little to the left

And 

Prices for the products to be aligned left.

Thanks

www.lifehack-gadgets.comprice.png

Accepted Solution (1)
BrewBrains
Shopify Partner
160 26 33

This is an accepted solution.

You can add code by following these steps

  1. Go to Online Store -> Theme -> Edit code.
    2. Open your theme.liquid file
  2. Paste the below code before </body> on theme.liquid

 

<style>
slider-component.slider-mobile-gutter.page-width-desktop.scroll-trigger.animate--slide-in,
.collection__title.title-wrapper.title-wrapper--no-top-margin.page-width.title-wrapper--self-padded-tablet-down 
{
    padding: 0 1rem !important;
}
</style>

 

 

Screenshot 2024-03-24 at 12.13.37 AM.png

 

And also do you mean to remove the text "from" and cross out price from the price section? 

 

Was my reply helpful? Click Like to let me know!

Was your question answered? Mark it as an Accepted Solution.

Was I helpful?

Buy me a coffee


Sandesh Paudyal |

| Shopify Developer


Need help with your store?

 sandeshpaudyal99@gmail.com

For quick response - Message Me : +9779851353732

View solution in original post

Replies 3 (3)

BrewBrains
Shopify Partner
160 26 33

Hi @meto2303 ,

 

Can you explain a bit more about your requirements? Do you mean to start the best seller from the left like the above banner?

I see the product title and price are already aligned on left and matches the images alignment?

 

Was I helpful?

Buy me a coffee


Sandesh Paudyal |

| Shopify Developer


Need help with your store?

 sandeshpaudyal99@gmail.com

For quick response - Message Me : +9779851353732

meto2303
Tourist
12 0 2

price.png

 

Like this The whole section to be there and the prices like this.

BrewBrains
Shopify Partner
160 26 33

This is an accepted solution.

You can add code by following these steps

  1. Go to Online Store -> Theme -> Edit code.
    2. Open your theme.liquid file
  2. Paste the below code before </body> on theme.liquid

 

<style>
slider-component.slider-mobile-gutter.page-width-desktop.scroll-trigger.animate--slide-in,
.collection__title.title-wrapper.title-wrapper--no-top-margin.page-width.title-wrapper--self-padded-tablet-down 
{
    padding: 0 1rem !important;
}
</style>

 

 

Screenshot 2024-03-24 at 12.13.37 AM.png

 

And also do you mean to remove the text "from" and cross out price from the price section? 

 

Was my reply helpful? Click Like to let me know!

Was your question answered? Mark it as an Accepted Solution.

Was I helpful?

Buy me a coffee


Sandesh Paudyal |

| Shopify Developer


Need help with your store?

 sandeshpaudyal99@gmail.com

For quick response - Message Me : +9779851353732