Return to previous page

Difference Between Theme Custom CSS and Additional CSS

This topic has 5 replies, 2 voices, and was last updated 2 years, 3 months ago ago by bnourse

bnourse

Participant

August 3, 2022 at 13:23

Good morning, we are using the XStore theme on our site and really like it. We are working on getting it to load our site as quickly as possible. A couple of questions:
1. I am wondering about putting CSS in theme custom css area versus additional css area. If a css snippet is placed in a particular format (say “mobile”) in the additional css, will it only load on a mobile browser? Right now most of our CSS is in the additional CSS area and I assume loads on all browsers?
2. We were using the Files Manager feature of XStore to minimize loading unnecessary files, but that feature seems to have disappeared in recent releases of the theme. Has it been replaced with something else? For instance, we use WP Bakery page editor, so don’t need to load Elementor code.
3. Other suggestions for how to minimize to loads on our pages?
Thank you as always for your support!
Ben

#330961 Copied Theme version: 8.2.4 WooCommerce version: 6.7.0

4 Answers

Rose Tyler

Support staff

August 3, 2022 at 15:09

Hello,

1/ The difference of our Theme Custom CSS and Additional CSS is in the fact that if you want to import/export settings then Theme Custom CSS will be included in the export file but Additional CSS won’t be because it is in the separate tables in database and not included by default on export.
2/ Our dev team constantly working on speed improvements, File generator was out of date method, so it was replaced by others functionality, so you do not need to worry about this.
If you do no use Elemento, just disable the Elementor plugin.
3/ As I can see, you already have “A” speed result – https://prnt.sc/K1ddmCbPLFzB
If you need advanced personal site optimization you can submit a request to the WPKraken team.

Regards

#330983 Copied

bnourse

Participant

August 4, 2022 at 12:20

Thanks for your help. We’re still doing poorly on Google pagespeed metrics – a lot coming from plugins. https://pagespeed.web.dev/report?url=https%3A%2F%2Fborregooutfitters.com%2F

#331064 Copied

Rose Tyler

Support staff

August 4, 2022 at 12:58

Hello,

https://prnt.sc/Lyo38k115kUV , Eliminate render-blocking resources and Reduce unused CSS – you may try solutions described here https://onlinemediamasters.com/eliminate-render-blocking-resources-wordpress/
Reduce unused JavaScript – https://web.dev/unused-javascript/?utm_source=lighthouse&utm_medium=lr (disable unrequired plugins).
Reduce initial server response time – contact your hosting provider, because it is server-side.

Regards

#331080 Copied

bnourse

Participant

August 4, 2022 at 14:01

Thank you, Rose, for sending along these resources. Your support is appreciated!
Ben

#331095 Copied
Tagged: additional css, best selling, difference between, seo friendly, theme custom css, woocommerce themes
Viewing 5 results - 1 through 5 (of 5 total)

The issue related to '‘Difference Between Theme Custom CSS and Additional CSS’' has been successfully resolved, and the topic is now closed for further responses

Difference Between Theme Custom CSS and Additional CSS

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection