Return to previous page

I want ajax product tabs to always be inline

This topic has 10 replies, 3 voices, and was last updated 6 months, 1 weeks ago ago by Andrew Mitchell

Alpha111

Participant

June 11, 2024 at 16:38

i want ajax product tabs to always be inline and always the add to cart button be allined no matter what even if the title is like shorter longer..

Please, contact administrator
for this information.

Files is visible for topic creator and
support staff only.

#399312 Copied Theme version: 9.3.11

9 Answers
Rose Tyler

Support staff

June 11, 2024 at 17:30
Hello,

Thank you for reaching out to us with your request.

You can try to use the next custom CSS code:
```
.main-products-loop .product, .products-loop .product, .carousel-area .product-slide .product {
    display: flex;
    justify-content: center;
}
.products-loop .ajax-content, .products-loop {
    display: flex;
    flex-wrap: wrap;
    flex: 1;
}
.content-product {
    flex-direction: column;
    justify-content: flex-end;
    display: flex;
    flex: 1;
}
.content-product .quantity-wrapper {
    margin-right: auto;
    margin-left: auto;
}
.swiper-container {
    display: flex;
    align-items: stretch;
}
.product-slide .product {
    display: flex;
    height: 100%;
}
.swiper-wrapper {
    height: auto;
}
```
Best Regards,
8Theme’s Team
#399320 Copied
Alpha111

Participant

June 11, 2024 at 17:52

global custom css or custom css with elementor

#399323 Copied

Rose Tyler

Support staff

June 11, 2024 at 18:04

Hello,

Theme Options > Custom CSS > Global.

Best Regards,
8Theme’s Team

#399325 Copied

Alpha111

Participant

June 11, 2024 at 18:13

how can change the add to cart font size and family ?

#399327 Copied

Rose Tyler

Support staff

June 12, 2024 at 07:48

Hello, Alpha111,

We hope this message finds you well. Please find the example of the settings you requested at the following link: https://prnt.sc/XPxPBEho5-YP

Should you have any further inquiries or require additional assistance, please do not hesitate to contact us.

Best Regards,
8Theme’s Team

#399380 Copied

Alpha111

Participant

June 12, 2024 at 12:04

Not for this one the one with multiple tabs

#399427 Copied
Rose Tyler

Support staff

June 12, 2024 at 12:11
Hello, Alpha111,

In this case, custom CSS code can be used:
```
.add_to_cart_button {
    font-size: 20px !important;
    font-weight: 600 !important;
}
```
Best Regards,
8Theme’s Team
#399428 Copied
Alpha111

Participant

June 12, 2024 at 21:24

Thanks

#399514 Copied

Andrew Mitchell

Support staff

June 12, 2024 at 21:24

Dear Alpha111,

In the spirit of gratitude, we want to express our appreciation for your trust in our products. As a valued customer, your experience matters greatly. Would you consider sharing it by giving our theme a deserving 5-star rating on ThemeForest?

Click here to share your thoughts: https://themeforest.net/downloads

Being part of our community means a lot, and your feedback contributes immensely.

Best Regards,
The 8Theme Team

#399515 Copied
Tagged: ajax product tabs, customizable woocommerce themes, efficient wordpress themes, inline ajax tabs, inline product tabs, woocommerce ajax features, woocommerce wordpress themes
Viewing 10 results - 1 through 10 (of 10 total)

The issue related to '‘i want ajax product tabs to always be inline’' has been successfully resolved, and the topic is now closed for further responses

I want ajax product tabs to always be inline

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection