Return to previous page

Border dotted on single product - by Eduard

This topic has 10 replies, 3 voices, and was last updated 4 years, 8 months ago ago by Olga Barlow

Eduard

Participant

March 3, 2020 at 09:23

How can I put in this border dotted for the single product and for the products of my home page like screenshoot bellow???

https://prnt.sc/raqumm / for the home page products grid

https://prnt.sc/raqux9 / for the single product

Thank you in advance you are the best support for real

Please, contact administrator
for this information.

#230615 Copied Theme version: 6.2 WooCommerce version: 3.9

9 Answers
Olga Barlow

Support staff

March 3, 2020 at 17:27
Hello,

1) Use
```
.products-loop .last:last-child .content-product {
    border-right: none;
}
```
2) Use section options to add border http://prntscr.com/razts7

Regards
#230651 Copied
Eduard

Participant

March 3, 2020 at 17:54

it not works the dotted it not appear, i have done exactly the same as you
https://prnt.sc/rb0paq
https://prnt.sc/rb0nly

#230653 Copied

Olga Barlow

Support staff

March 3, 2020 at 18:33

Hello,

1) You asked me about home page and I gave you code for the home page. Now you post screenshot for the shop page. I’m confused. Do you want to remove the border for all the product grid or for the home page only? Besides, such things are personal customization, it is not the question about theme options because we don’t have such option. If you need extra help with additional customization according to your needs submit the request to the customization team. Check what’s included in theme support, please, https://themeforest.net/page/item_support_policy

2) http://prntscr.com/rb14nd

Regards

#230657 Copied

Eduard

Participant

March 4, 2020 at 07:32

I solved it myself, I just want to know how I do not see the border on the last product shop page like bellow

https://prnt.sc/rb9rg4

Thank you for patience

#230697 Copied
Rose Tyler

Support staff

March 4, 2020 at 11:36
Try the next code:
```
.products-loop .product:nth-child(4n) .content-product {
    border: none;
}
```
Regards
#230741 Copied
Eduard

Participant

March 4, 2020 at 11:53

solved thank you

#230753 Copied

Rose Tyler

Support staff

March 4, 2020 at 11:54

You’re welcome!

Regards

#230754 Copied

Eduard

Participant

March 4, 2020 at 13:38

Rose but on the responsive mode the dotted not dissapear like on desktop :((

#230769 Copied

Olga Barlow

Support staff

March 4, 2020 at 17:42

Hello,

As I can see you removed the dotted border and added the border around the product. So, did you decide to change the design?

Regards

#230791 Copied
Viewing 10 results - 1 through 10 (of 10 total)