Return to previous page

Button Box Width for Select Options / Add to Basket too narrow

This topic has 9 replies, 2 voices, and was last updated 5 years, 10 months ago ago by Rose Tyler

kybalio

Participant

June 13, 2018 at 13:22

Hi,
I hope you can help. The buttons on the Products overview pages are showing as not wide enough.
https://werone.co/eng/shop/page/2

When I adjust this in the Code Inspect of Chrome browser and add width of 70% it corrects itself. So I add this width to Dynamic.css and style.css and no effect at all, still the box is too small.

Also, it would be nice if the rollover on these buttons changed

Any ideas?

Best regards

Ky

#194829 Copied

8 Answers

kybalio

Participant

June 13, 2018 at 13:24

… changed to white text in black box, rather than the teal, but without upsetting the rest of the theme use of teal text everywhere else

Thanks

#194830 Copied

Rose Tyler

Support staff

June 13, 2018 at 13:31

Hello,

Please describe in details the desired result with screenshots.
What exactly code did you try to use? Have you deleted this custom css code?

Regards

#194831 Copied

kybalio

Participant

June 13, 2018 at 18:18

Hi Rose, here’s the code I used in woopress/style.css but have not removed them yet.

line 594

.btn,
.button,
.wishlist_table .add_to_cart.button,
.wpcf7-submit {
[THIS ONE] width: 70%;

and

woopress/dynamic.css

.btn, .button, .wishlist_table .add_to_cart.button, .wpcf7-submit {
border-color: #028389 !important;
color: #000;
text-transform: uppercase;
border-width: 2px;
font-weight: 500;
border-radius: 0;
[THIS ONE] width: 70%;

This is what is happening and what I would like to see:

Many thanks

ky

#194843 Copied

Rose Tyler

Support staff

June 14, 2018 at 09:09

Hello,

Thanks for screenshots.
Here are screenshots of your site – http://prntscr.com/jusv39 http://prntscr.com/jusv5v Is your problem solved? If you get another displaying result, try to clear cache and check one more time.

Regards

#194862 Copied

kybalio

Participant

June 14, 2018 at 09:29

Thanks Rose, I cleared the cache and the width has corrected of the boxes, did you do anything?

Also, please can you see what may be wrong with the main image size on products, it seems to be very small and not showing correctly : again I am viewing with Chrome

https://werone.co/eng/product/monolaurin-coconut-deriv-antiviral-for-ebv-h-pylori-sibo

Many Thanks

Ky

#194866 Copied

Rose Tyler

Support staff

June 14, 2018 at 09:49

Hello,

1. Great. I did nothing.
2. Size of product image relates to woocommerce settings https://docs.woocommerce.com/document/fixing-blurry-product-images/

Regards

#194868 Copied

kybalio

Participant

June 14, 2018 at 14:45

Thanks Rose,
I’ve checked the Woocommerce Customiser and the images are set to 750px for Product Single page and 600 for Catalogue images (all product images were uploaded at 750 x 750), however when looking at the single product page image with code inspector, the main image is showing as 68 x 68. This seems to be coming from class=owl-wrapper-outer

https://werone.co/eng/product/california-poppy-extract-vcaps

Many Thanks

Ky

#194897 Copied

Rose Tyler

Support staff

June 14, 2018 at 15:40

Try to change “Single product layout”, for example, http://prntscr.com/juybp4 > http://prntscr.com/juybxg and http://prntscr.com/juyca1 > http://prntscr.com/juyccy

Regards

#194912 Copied
Viewing 9 results - 1 through 9 (of 9 total)