Instagram carousel & Product display

Hi, I've encountered 2 problems.

1- I can't get my Instagram carousel to go across the whole width of my page. If I try to make it wider, it just makes its larger in height also. I would like it to look like that gallery but move like that carousel. 

2- My Products Page just takes up so much of the screen and is very in your face. I can't find a way to make it smaller. I have my width on inset. I would also like the name of my product to be at the same height alignment as my image.  Any advice? 

Thank you 

Hi,

Can you share link to page? We can check problem easier

Enjoy the Little Things

PW - Chocolate 

#1. I think you can make it fullwidth first, then we will find a way to reduce height

#2. Size

You mean reduce width of product?

#3. Align image

Use this code to Website > Website Tools > Custom CSS

section.product-details.ProductItem-details {
    padding-top: 0px !important;
}
@media screen and (min-width: 768px) {
    section.product-details.ProductItem-details {
        position: relative;
        top: -30px !important;
    }
}

hi,

Thank you #3 worked 

#1 - i have changed it to full for you now 

#2 i just find the whole product layout is so large. I can't even see all the product info or the add to cart button without scrolling. It just takes up too much area/screen.

23 hours ago, ETLTS said:

hi,

Thank you #3 worked 

#1 - i have changed it to full for you now 

#2 i just find the whole product layout is so large. I can't even see all the product info or the add to cart button without scrolling. It just takes up too much area/screen.

Try this CSS code

/* Instagram height */
div#block-yui_3_17_2_1_1709627100803_2875, div#block-yui_3_17_2_1_1709627100803_2875 .slide {
    height: 100px !important;
}

Do you need to reduce white space under Instagram?

#2. I think you can consider reduce size of some title/text, reduce height of Variant Dropdown, Quantity, Add to Cart, reduce space between elements.

What do you think?

Hi,

1# - I just deleted the Instagram as the code only cropped the pictures in half.

2# - yes i would like to do all of those but when i go to edit i cant find any of those options. 

You are the best!! Thank you! I didn't even know that margin section existed. That was the missing piece that i have been struggling with. 

My website is looking much better now thank you.