Return to previous page

Correctly move "Compare" button

This topic has 10 replies, 3 voices, and was last updated 4 years ago ago by Rose Tyler

pabelp

Participant

January 29, 2021 at 21:10

Hello!
Please tell me how to correctly move “Compare” button horizontally with “Show Details” button?
https://prnt.sc/xttwad
Buttons “Compare” and “Show details” must be same size, across width of product window, with a gap.
Thanks in advance!

#271154 Copied Theme version: 7.2.4 WooCommerce version: 4.9.2

9 Answers
Olga Barlow

Participant

January 30, 2021 at 00:24
Hello,

Add the below code to Theme Options > Custom CSS

@media only screen and (min-width: 480px){ .content-product .button.show-product { float: left; width: calc(50% - 5px); padding: 15px; margin-right: 10px; } .product-details .compare { display: inline-block; width: calc(50% - 5px); } } .product-details .compare { margin-top: 15px; padding: 12px; } .content-product .button.show-product { padding: 15px; }

Regards
#271184 Copied
pabelp

Participant

January 30, 2021 at 10:15

Hello! Inserting code CSS didn’t work.
https://prnt.sc/xuwmjv
https://prnt.sc/xuwnrs

https://rusrenova.ru/?post_type=product

#271220 Copied

Rose Tyler

Support staff

January 30, 2021 at 10:18

Hello,

Here is what I can see on your site right now – https://prnt.sc/xuwya5 Please clear cache and check one more time.

Regards

#271222 Copied

pabelp

Participant

January 31, 2021 at 11:10

Hello,
Thanks for code, everything works.
Problem is that when I apply filter, “Compare” button disappears. How to solve this problem?
https://prnt.sc/xwv9fz

#271411 Copied

Rose Tyler

Support staff

January 31, 2021 at 11:38

Hello,

Could you provide temporary wp-admin access?

Regards

#271415 Copied

pabelp

Participant

January 31, 2021 at 18:10

Yes, please

Please contact administrator
for this information.

#271477 Copied

Rose Tyler

Support staff

February 1, 2021 at 10:48

Please check credentials – https://prnt.sc/xyrfky

Regards

#271541 Copied

pabelp

Participant

February 2, 2021 at 07:46

wp-admin

Please contact administrator
for this information.

#271710 Copied

Rose Tyler

Support staff

February 2, 2021 at 15:37

Hello,

You are using Pwfwoofilter and when our developer checked the plugin code they found that plugin Pwfwoofilter added compatibilities with many themes -> https://gyazo.com/9d34456057334883a9ebf5dbb7591e2d
So if you need any help about after ajax actions not related to our theme/plugin please, contact to plugin’s author

Regards

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