Remove white area between image, image should be full.

Solved

Remove white area between image, image should be full.

hem0903
Excursionist
30 0 5

Hi everyone, I want to remove this white area between the image and side of the image.

 I want left image to cover left part, right image to  cover right part and both image to meet at center. No white space.

 

Store url - https://e68fa2-2b.myshopify.com/

hem0903_0-1723963140099.png

 

 

Accepted Solutions (2)

BSS-TekLabs
Shopify Partner
2093 618 723

This is an accepted solution.

- Here is the solution for you @hem0903 
- Please follow these steps:

z5686811214059_e66de1953f1db631f9134af5cdb796ad.jpg

- Then find the base.css or theme.css or main.css file.
- Then add the following code at the end of the file and press 'Save' to save it.

#template--21840394846535__multi_column_KBAWXD .container {
    padding: 0 !important;
}
#template--21840394846535__multi_column_KBAWXD .gap-x-theme {
    column-gap: 0 !important;
}

- Here is the result you will achieve:

BSSTekLabs_0-1723963483293.png

 

 

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank 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)

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

View solution in original post

niraj_patel
Shopify Partner
2378 514 511

This is an accepted solution.

Hello @hem0903 

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>

@media screen and (min-width:990px){
  #template--21840394846535__multi_column_KBAWXD .container {
      padding: 0 !important;
      max-width: 100% !important;
  }
  #template--21840394846535__multi_column_KBAWXD .gap-x-theme {
       column-gap: 0 !important;
   }
</style>

niraj_patel_0-1723963576912.png

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

View solution in original post

Replies 2 (2)

BSS-TekLabs
Shopify Partner
2093 618 723

This is an accepted solution.

- Here is the solution for you @hem0903 
- Please follow these steps:

z5686811214059_e66de1953f1db631f9134af5cdb796ad.jpg

- Then find the base.css or theme.css or main.css file.
- Then add the following code at the end of the file and press 'Save' to save it.

#template--21840394846535__multi_column_KBAWXD .container {
    padding: 0 !important;
}
#template--21840394846535__multi_column_KBAWXD .gap-x-theme {
    column-gap: 0 !important;
}

- Here is the result you will achieve:

BSSTekLabs_0-1723963483293.png

 

 

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank 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)

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

niraj_patel
Shopify Partner
2378 514 511

This is an accepted solution.

Hello @hem0903 

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>

@media screen and (min-width:990px){
  #template--21840394846535__multi_column_KBAWXD .container {
      padding: 0 !important;
      max-width: 100% !important;
  }
  #template--21840394846535__multi_column_KBAWXD .gap-x-theme {
       column-gap: 0 !important;
   }
</style>

niraj_patel_0-1723963576912.png

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