Return to previous page

Increase the size of the purchase button

This topic has 11 replies, 3 voices, and was last updated 5 years, 3 months ago ago by Rodrigo Carlos

Rodrigo Carlos

Participant

July 19, 2020 at 17:46

Hello people,

Does the theme offer an option on the panel to increase the size of the purchase button (https://prnt.sc/tkpql1) or is it only through CSS?

Another question … I’m using a freight calculation plugin, and the freight values data that are showing both in the shopping cart and at the checkout, the columns of the texts are very narrow making the texts to be in two lines: https://prnt.sc/tkppd3 / https://prnt.sc/tkppog
Does the theme offer an option to correct the width of these columns, or is it only via CSS?

Thank you!

Please, contact administrator
for this information.

#244775 Copied Theme version: 6.3.5 WooCommerce version: 4.2.0

10 Answers

Rose Tyler

Support staff

July 20, 2020 at 13:18

Hello,

Custom CSS code should be used. Let us know if you need assistance with the code.

Regards

#244857 Copied

Rodrigo Carlos

Participant

August 15, 2020 at 03:22

OK, I changed it via CSS (https://prnt.sc/tzvwr3). However, in the mobile version the button is large and below the quantity block: https://prnt.sc/tzvx4n

And the button was also big on the sticky cart, in the mobile version: https://prnt.sc/tzvxby

How to insert CSS only for mobile? Or make the button automatically shrink and adapt to the smartphone’s screen size?

#247962 Copied

Rose Tyler

Support staff

August 15, 2020 at 07:16

Hello,

You can find areas for different devices in Theme Options > Theme Custom CSS.

Regards

#247975 Copied

Rodrigo Carlos

Participant

August 23, 2020 at 02:18

Hi Rose,

But if I customize the CSS directly on this screen (https://prnt.sc/u49089) these customizations will be lost in the theme update.

In order not to miss the customizations, I need to use the WP’s native Additional CSS (https://prnt.sc/u4917n). However, this Additional CSS does not separate CSS between different devices.

#248926 Copied

Rose Tyler

Support staff

August 23, 2020 at 09:36

Hi,

Custom CSS code from the mentioned field https://prnt.sc/u49089 won’t be lost after the theme update.

Regards

#248951 Copied

Rodrigo Carlos

Participant

August 23, 2020 at 15:32

OK.
Just one more question about these XStore CSS fields…
In the CSS Global field, everything I insert there from custom CSS will be lost in an update of the theme and everything I insert in the other fields below will not be lost in an update, is that it? https://prnt.sc/u4gdqf

Should I only use the Additional CSS (https://prnt.sc/u4ggd8 – the standard WP CSS) when I need to create custom CSS for any device, without specification? If I want to create a custom CSS for specific devices (mobile, tablet, …) then should I use the XStore’s CSS fields?

Another thing… I did the whole translation of the theme into Brazilian Portuguese. If you wish, I can share the .po and .mo files with you. Where can I share?

#248992 Copied

Rose Tyler

Support staff

August 23, 2020 at 16:20

Why do you think that code from Theme Custom CSS areas will be lost?

https://www.8theme.com/forums/xstore-wordpress-support-forum/xstore-translation-files-sharing/ – thanks in advance.

Regards

#248999 Copied

Rodrigo Carlos

Participant

August 23, 2020 at 20:46

I thought the CSS codes in these frames (https://prnt.sc/u4kri2) were the base codes for the site.
https://prnt.sc/u4ksvp
Will not everything I change in these fields be lost in the theme update?

So, if I want to customize the CSS, I don’t necessarily need to use the Additional CSS field (https://prnt.sc/u4ksvp – WP default), but yes, can I directly change the Theme’s Custom CSS (https://prnt.sc/u4kt06)?

I sent the translation to Brazilian Portuguese. The file is named “XStore – português Brasil.rar”

#249009 Copied

Olga Barlow

Participant

August 25, 2020 at 13:39

Hello,

Both areas Additional CSS and Theme Custom CSS save changes to DataBase, so you won’t lose it after theme update if you don’t reset the DataBase. By default, theme updates affect parent theme files only, not DB tables.

Difference between Additional CSS and Theme Custom CSS is that the first area is the default WP area and you’ll be able to edit that code even if change theme.

Thank you for your translation.

Regards

#249199 Copied

Rodrigo Carlos

Participant

August 25, 2020 at 21:03

Ok Olga, I understand now. Thank you!

#249280 Copied
Viewing 11 results - 1 through 11 (of 11 total)