Return to previous page

Remove/hide separating lines into a single product

This topic has 6 replies, 3 voices, and was last updated 8 years, 10 months ago ago by Eva Kemp

saphiloche

Participant

June 18, 2015 at 09:33

Hi,

We would like to remove/hide these “separating lines” into a single product (see our screenshot).
We think CSS solution might be the best…

Thanks,

#70191 Copied

5 Answers
Robert Hall

Support staff

June 18, 2015 at 09:38
Hello,

Please add the following code in custom.css file
```
.product-information .cart{
  border-top: none;
  border-bottom: none;
}
```
Here is a video tutorial how to create custom.css: https://www.youtube.com/watch?v=Qok2zRedRMY&feature=youtu.be.

Regards,
Robert Hall.
#70195 Copied
saphiloche

Participant

June 18, 2015 at 09:47

hi,

Thanks a lot. It works nice except for the second one (starting from the top) still displaying.
By the way, is it possible to reduce that space between 1st one and 2d one ?

Thank you.

#70198 Copied
Eva Kemp

Support staff

June 18, 2015 at 10:31
Hello,

Please add this code as well:
```
.single_variation_wrap {
    border-top: none;
    margin-top: 0px !important;
    padding-top: 0px !important;
}
```
Regards,
Eva Kemp.
#70211 Copied
saphiloche

Participant

June 18, 2015 at 13:11

Hi,

Yesss, thanks a lot Eva, it works all good ;o)

Bye, saph

#70256 Copied

Eva Kemp

Support staff

June 18, 2015 at 13:22

Hello,

You’re welcome.

Regards,
Eva Kemp.

#70262 Copied
Viewing 6 results - 1 through 6 (of 6 total)

The issue related to '‘Remove/hide separating lines into a single product’' has been successfully resolved, and the topic is now closed for further responses

Remove/hide separating lines into a single product

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection