Return to previous page

How can I make add to cart button of Product carousel to be same height or make it in-line

This topic has 14 replies, 3 voices, and was last updated 2 years ago ago by Fernez

Fernez

Participant

November 19, 2022 at 04:59

Hello, I need help here.

I use product carousel element in my homepage.
I wan to make add to cart and price label a horizontal alignment in same in-line.

I was tried to do follow this forum but it seem doesn’t work on my site.
https://www.8theme.com/topic/how-to-make-add-to-cart-and-price-label-a-horizontal-alignment/

https://prnt.sc/GhQDR1s7jfuB
https://prnt.sc/Xe8j6jbGCBLs

#338871 Copied Theme version: 8.3.7

13 Answers

Tony Rodriguez

Support staff

November 19, 2022 at 07:21

Hello, @Fernez,

Sorry for the inconvenience but can you please share your site WP-ADMIN Login details in the below-listed format in the private content area of this topic on which you are facing the issue so that we’ll check and assist you accordingly?

WP Admin URL:
WP Admin Username:
WP Admin Password:

Page URL on which the issue appears:

Note: Kindly take a complete backup of your site first.

Regards 8Themes Team.

#338882 Copied

Fernez

Participant

November 19, 2022 at 07:44

Here is the detail

Please contact administrator
for this information.

#338885 Copied

Fernez

Participant

November 19, 2022 at 07:46

Plese help me,

if it possible I want it to be global, same height in every page
eg. shop page, home page, category page

Thank you.

#338886 Copied

Tony Rodriguez

Support staff

November 19, 2022 at 08:15

Hello, @Fernez,

Your provided WP Admin Login details are not correct/working, Can you please share the correct one, so that I’ll check and help you out. See the image for reference in the private content area.

Regards 8Themes Team.

Please contact administrator
for this information.

#338888 Copied

Fernez

Participant

November 19, 2022 at 08:44

Sorry here detail login

Please contact administrator
for this information.

#338893 Copied

Tony Rodriguez

Support staff

November 19, 2022 at 09:45

Hello, @Fernez,

1. I have solved your issue on Shop and Category pages by using the Custom CSS code: https://ibb.co/dc8vSqJ

2. I have solved your issue on the Home page by editing the element “Product Carousel” and set the title limit, please see this screenshot: https://ibb.co/d43FNMV

Regards 8Themes Team.

#338896 Copied

Fernez

Participant

November 19, 2022 at 09:58

Is there other way to do that by not limit chars or words in the configuration?

Regards.

#338899 Copied

Tony Rodriguez

Support staff

November 19, 2022 at 10:37

Hello, @Fernez,

Unfortunately, NO, there is no other way. Other way will be the extra Customization.

Thanks for your understanding.

Regards 8Themes Team.

#338902 Copied

Fernez

Participant

November 21, 2022 at 12:10

Hello,

What about is there an CSS method to fix like in the Shop and Category pages that you fixed before. https://ibb.co/dc8vSqJ
but CSS for the elements in Homepage

Regards.

#339047 Copied
Rose Tyler

Support staff

November 21, 2022 at 12:42
Hello,

Try the next code:
```
.etheme-product-grid-item {
    flex-direction: column;
    justify-content: space-between;
    display: flex;
    height: 100%;
}
```
Regards
#339055 Copied
Fernez

Participant

November 21, 2022 at 14:15

Thank you this one it is working.

please help with last one question,
can it possible to move the product title to top? is it can align the text but the button still in same line?
https://ibb.co/LCdnZC5

Reguards.

#339063 Copied
Rose Tyler

Support staff

November 21, 2022 at 16:13
Hello,

Try:
```
.etheme-product-grid-title {
    min-height: 68px;
}
```
Regards
#339087 Copied
Fernez

Participant

November 21, 2022 at 18:18

Hello,

That’s all working perfect! Thank you for your best ever support I had.

Regards.

#339112 Copied
Tagged: add to cart, button, height, in-line, product carousel, templates, woocommerce, wordpress
Viewing 14 results - 1 through 14 (of 14 total)

The issue related to '‘How can I make add to cart button of Product carousel to be same height or make it in-line’' has been successfully resolved, and the topic is now closed for further responses

How can I make add to cart button of Product carousel to be same height or make it in-line

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection