More space around product image/gallery. Heading issue. Atelier.

[sorelh]

Hi

1. I would like to create more space between my product image and the product text to the right of the main image and gallery. I have edited the % in my theme options Product options Override product Image width, but I want to create more white space between around the product image/gallery and the text to the right.

2. I would also like to have more space between the heading and the page details.

3. There is a white background and horizontal lines to my main heading menu items which shows when scrolling, how do I remove that to make it transparent?

Thanks

Sorel

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Hi

1) Add this to your custom css:

@media only screen and (min-width: 769px) { 
  .woocommerce div.product div.summary {
    padding-left: 45px;
  }
}

2) Add this:

.single-product .inner-page-wrap {
  margin-top: 70px;
}

3) Add this:

#main-nav, .header-wrap[class*="page-header-naked"] #header-section .is-sticky #main-nav, #header-section .is-sticky .sticky-header, #header-section.header-5 #header, .header-wrap[class*="page-header-naked"] #header .is-sticky .sticky-header, .header-wrap[class*="page-header-naked"] #header-section.header-5 #header .is-sticky .sticky-header {
  background-color: transparent!important;
}

– Kyle

[sorelh]

This reply has been marked as private.

[Kyle – SUPPORT]

Can you provide a screenshot of what you’re referring to?

– Kyle

[sorelh]

This reply has been marked as private.

[Kyle – SUPPORT]

Ok check now

– Kyle

[sorelh]

This reply has been marked as private.

[David Martin – Support]

Hi Sorel,

1)

.woocommerce div.product form.cart .variations select {
font-size: 16px!important;
}

2)

nav.woocommerce-breadcrumb {
  display: none;
}

Thanks
David.

[sorelh]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

Hi,

Can you edit your reply and wrap the code with the code tags?
It’s difficult to understand your request this way.

Thanks

-Rui

[sorelh]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

Hi,

Add the code below to your custom css option.

.woocommerce .quantity .minus, .woocommerce .quantity input.qty, .woocommerce .quantity .plus, .woocommerce div.product form.cart .variations select, .woocommerce .quantity .qty-plus, .woocommerce .quantity .qty-minus {
  border-color: #e4e4e4;
  background-color:#e2f5eb;
}

-Rui

[sorelh]

This reply has been marked as private.

[Kyle – SUPPORT]

Thanks Rui