How to add space between payment icons and add to cart button?

Technical Q&A
1

Hi, I have added some icons on my stores product page. how the problem I am facing is its very close to add to cart button and it just looks weird. and I can’t seem to figure out how to add some space here. any help will be appreciated. Thank you.


                          {% if settings.show_wishlist %}
                          {% include 'globo.wishlist.button' %}
                          {% endif %}
                          {% if settings.show_compare %}
                          {% include 'globo.compare.button' %}
                          {% endif %}
                        
                      
                  
                      

  
  
  
  

                    {% include 'social-sharing' %}
                  
                
              
            
                 		
      	
    
  	

      

        

          - {{ settings.product_description_title }}
          

          {% if settings.display_additional_tab %}
          - {{ settings.additional_title }}
          

          {% endif %}
          {% if settings.display_custom_tab %}
          - {{ settings.custom_tab_title }}
          

          {% endif %}
          {% if settings.display_size_chart %}
          - {{ settings.custom_size_chart_title }}
          
          
          {% endif %}
          {% if settings.display_product_reviews %}
          - {{ settings.product_review_title }}
                     
          {% endif %}
2

This is how it looks now
This is how it looks now609×262 10.9 KB

3

Hii, @hasan49
Can you provide me your store URL so,
I can resolve your problem.
Thank You.

4

Hi, Thank you for replying. This is the link to our website: https://savoir-bangladesh.myshopify.com/collections/armchair/products/tibet-armchair?variant=40442747060417

5

Hii, @hasan49
Paste this code in top of bootstrap.min.css file.

.methods-of-payment {
    position: relative !important;
    top: 19px !important;
}

Thank You.

6

Hi, Thank you for replying. I can’t seem to find any style.scss file. if I search file I see a file called style.css.liquid and image-style.liquid. where do I put this in that case ? thanks

7

bootstrap.min.css checkout this file.

8

Worked perfectly. Thanks very much. appreciate it.

9

if you need help in future please contact us.