Re: i Want To Remove Padding From Here

rgeafrauuhf · ‎07-31-2024

How To Remove This Padding From Image With Text

URL : https://gsaxsu7f4i5da7qj-71216955613.shopifypreview.com/products_preview?preview_key=5172941d20b3757...

PASS : Hurra

Dan-From-Ryviu · ‎07-31-2024

In your Theme settings, it has option to reduce space only

So, if you want to remove the space of Media with text sections on your product page only, please add this code to the theme.liquid file, after <head> in Online Store > Themes > Edit code

{%- if template.name contains 'product' -%}
<style>
.shopify-section--media-with-text .section {
    padding-top: 0px;
    padding-bottom: 0px;
}
</style>
{%- endif -%}

- Helpful? Like and Accept solution!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

View solution in original post

niraj_patel · ‎07-31-2024

Hello @rgeafrauuhf

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
.section.section-blends.section-full {
padding-bottom: 0 !important;
}
</style>

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com

PageFly-Richard · ‎07-31-2024

Hi @rgeafrauuhf

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>
section#shopify-section-template--18173777576157__media_with_text_qWF3yC .section {
    padding-bottom: 0;
}
</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!

➜ Optimize your Shopify store with PageFly Page Builder (Free plan available)

All features are available from Free plan. Live Chat Support is available 24/7.

rgeafrauuhf · ‎07-31-2024

GTLOfficial · ‎07-31-2024

Hello @rgeafrauuhf

Go to online store ---------> themes --------------> actions ------> edit code------->theme.css
at the end of the file, add this code

.section.section-blends.section-full {
padding: 0rem !important;
}

and the result will be

If this was helpful, hit the like button and mark the job as completed.
Thanks

- Buy me a Pizza
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on the store Hire me. GTL web solutions
- Want Complete Storefront: Send an email ⇨- Email: info@gtlofficial.com - Skype: ritesh_27dh

rgeafrauuhf · ‎07-31-2024

Its Removing Space From Every Section

Dan-From-Ryviu · ‎07-31-2024

Hi @rgeafrauuhf

Please login to your store admin > Sale channels > Online Store > Themes > Customize > Products, open your product template, select that section, and check if it has options to change section padding example like this image, reduce values, and save

- Helpful? Like and Accept solution!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

rgeafrauuhf · ‎07-31-2024

Didnt Have This Feature..

Dan-From-Ryviu · ‎07-31-2024

Did you select section in your product template?

- Helpful? Like and Accept solution!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

rgeafrauuhf · ‎07-31-2024

yes i had selected image with text section

Dan-From-Ryviu · ‎07-31-2024

In your Theme settings, it has option to reduce space only

So, if you want to remove the space of Media with text sections on your product page only, please add this code to the theme.liquid file, after <head> in Online Store > Themes > Edit code

{%- if template.name contains 'product' -%}
<style>
.shopify-section--media-with-text .section {
    padding-top: 0px;
    padding-bottom: 0px;
}
</style>
{%- endif -%}

- Helpful? Like and Accept solution!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

dws_pvt_ltd · ‎07-31-2024

Hello @rgeafrauuhf, Please follow these steps to add this CSS code:
1. Go to your Online Store
2. Click on "Themes"
3. Select "Edit code"
4. Open your section file of "shopify-section--media-with-text" section, your section file.
5. At bottom add the below CSS code

<style>
    #shopity-section-{{ section.id }} .section.section-blends.section-full {
       padding: 0rem !important;
    }
</style>

Feel free to reach out if you have any questions or need assistance.
Best Regards,
DWS.

Helpful? then please Like and Accept the Solution.
For any inquiries, please feel free to contact via WhatsApp and Email: sales@dolphinwebsolution.com.
For more information visit our website Dolphin Web Solution Pvt Ltd.

rgeafrauuhf · ‎07-31-2024

Not Working

Re: i Want To Remove Padding From Here

i Want To Remove Padding From Here

Community Blog Articles