Return to previous page

How do i change border color of grid in Ajax product tabs

This topic has 7 replies, 2 voices, and was last updated 2 years, 4 months ago ago by Awais Ahmed

Kazi Sabit

Participant

July 2, 2022 at 07:34

How do i change border color of grid in Ajax product tabs
https://prnt.sc/ddX5KDBp6oun

#328024 Copied Theme version: 8.2

6 Answers

Awais Ahmed

Participant

July 2, 2022 at 08:02

Hello, @Kazi Sabit,

I have just checked your site now and find that there is no such border with the particular element: https://postimg.cc/tYnyP6YQ , have you managed to sort it out? If not then please share the URL of the page on which you are facing this issue in a private content area, so that I’ll further check it for you.

Regards 8Themes Team.

#328030 Copied

Kazi Sabit

Participant

July 2, 2022 at 08:11

Yes because I have disabled it because it shrinks the whole element which looks bad on mobile. See this – https://prnt.sc/5ev_FqqW9lNP

Now i turned on border layout for one of the tabs. Please check now and tell me
1. How to remove big gaps (when border layout on)
2. How to put color to the borders.

#328031 Copied

Kazi Sabit

Participant

July 2, 2022 at 08:18

I want border color like this https://prnt.sc/5ev_FqqW9lNP in ”AJAX PRODUCT TABS” element.

Also when BORDER LAYOUT turned on the whole element shrinks in mobile view which looks very bad. https://prnt.sc/5ev_FqqW9lNP how do remove those gaps make it look like https://prnt.sc/ad32di5Y3O_7

#328032 Copied
Awais Ahmed

Participant

July 2, 2022 at 08:46
Hello, @Kazi Sabit,

1. Please copy and paste the below-given CSS code to XStore >> Theme Settings >> Theme Custom CSS and under the Mobile Custom CSS section and change the values of the padding in the given code as per your requirements.
```
.et-advance-tabs .et-tabs-content .clearfix.arrows-hover {
    padding: 5px !important;
}
```
2. And again your site element which you showed in your provided screenshot, does not have the border, please see this screenshot: https://postimg.cc/1gnxLnNc

Regards 8Themes Team.
#328038 Copied
Kazi Sabit

Participant

July 2, 2022 at 09:33

https://prnt.sc/JTkypJH_YT8j

How can i change border layout color in AJAX PRODUCT TAB element like the PRODUCT GRID element i have pointed in screen shoot.

#328044 Copied
Awais Ahmed

Participant

July 2, 2022 at 09:57
Hello, @Kazi Sabit,

Please copy and paste the below-given CSS code to XStore >> Theme Settings >> Theme Custom CSS and under the Global Custom CSS section and change the value of the color in the given code as per your requirements.

https://postimg.cc/Y4d9xymD
```
.products-bordered-layout:not(.with-ajax)>div {
    border-color: red !important;
}
.etheme_products .row.products.products-loop.products-grid {
    border-color: red !important;
}
```
Regards 8Themes Team.
#328049 Copied
Tagged: ajax, border, change, color, grid, woocommerce, wordpress
Viewing 7 results - 1 through 7 (of 7 total)

The issue related to '‘How do i change border color of grid in Ajax product tabs’' has been successfully resolved, and the topic is now closed for further responses

How do i change border color of grid in Ajax product tabs

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection