Return to previous page

Custom CSS vs already template coded: what we recommend

This topic has 5 replies, 3 voices, and was last updated 9 months, 3 weeks ago ago by Andrew Mitchell

Brunos

Participant

February 5, 2024 at 14:43

I have a special question to better understand what is better to use.

Sometimes I use the provided and amazing YellowPencil plugin to edit some elements.
But maybe this modification of element could be edited directly through Xstore Theme options. And I edited it via custom CSS because I didn’t found or know that it already exist in Xstore Theme Options.

So does it have an impact (slowdown, conflict,…) by proceeding editing custom CSS when the option already exists in the theme options?

#382489 Copied Theme version: 9.2.7

4 Answers

Rose Tyler

Support staff

February 5, 2024 at 16:07

Hello, Brunos,

Thank you for reaching out to us with your query.

We understand that you are seeking clarity on whether using the YellowPencil plugin for custom CSS edits, when similar modifications could potentially be made through the Xstore Theme options, has any impact on your website’s performance or may cause conflicts.

It’s great to hear that you are making the most of the YellowPencil plugin to tailor your website’s design to your liking. While YellowPencil is a powerful tool for visual customization, it is generally advisable to use the built-in theme options provided by Xstore whenever possible. This is because the theme options are optimized to work seamlessly with the theme’s core features, ensuring maximum compatibility and performance.

Using custom CSS through YellowPencil or other methods is perfectly fine and shouldn’t inherently slow down your website or cause conflicts. However, it is important to note that excessive use of custom CSS can lead to a more complex codebase, which might be harder to manage in the long run. Additionally, if the theme options already include the customization you need, it’s more efficient to use those options as they are likely to be better integrated with the theme’s overall design and functionality.

If you are unsure whether a particular customization is available within the Xstore Theme options, we encourage you to explore the theme documentation or reach out to our support team for guidance. We are here to assist you in making the most of the theme’s capabilities and ensuring your website runs smoothly.

Should you have any further questions or require assistance, please do not hesitate to contact us.

Best Regards,
8Theme’s Team

#382501 Copied

Brunos

Participant

February 5, 2024 at 16:26

Thank you Rose for clarification. That’s what I thought.
So I have aded some CSS code, could you tell me if I can adjust them directly to theme options?

1/ I did try to find how to resize variable swatches and didn’t find anything about so I use this:
/* Bruno agrandissement swatche page produit solo -Subtype square */
.page-wrapper tr .subtype-square{
min-height:50px;
width:50px !important;

}

/* Bruno agrandissemnt swatche page produits vigenttes -List Item */
.st-swatch-et-disabled li{
min-height:40px;
min-width:40px;

}

2/ I wanted to have round corner for all product images and used this:

/* Bruno Thumbnail Image */
.product .attachment-woocommerce_thumbnail{
border-top-left-radius:15px;
border-top-right-radius:15px;
border-bottom-left-radius:15px;
border-bottom-right-radius:15px;

}

/* Bruno Image Round corner */
.main-images .woocommerce-product-gallery__image img{
border-radius:15px;
}

/* Bruno Thumbnail Image Round corner */
.thumbnails-list .thumbnail-item .attachment-woocommerce_thumbnail{
border-radius:15px;
}

#382502 Copied

Rose Tyler

Support staff

February 5, 2024 at 16:58

Hello, Brunos,

We appreciate your prompt response.

For these requests, it is indeed necessary to utilize custom CSS code.

Best Regards,
8Theme’s Team

#382505 Copied

Andrew Mitchell

Support staff

February 5, 2024 at 18:13

Dear Brunos,

We trust our theme is enhancing your experience. Taking a brief moment to rate it with a glowing 5 stars on ThemeForest would be immensely appreciated. Your feedback holds significant value for us.

Click here to rate now: https://themeforest.net/downloads

Thank you sincerely for your ongoing support!

Best Regards,
The 8Theme Team

#382511 Copied
Tagged: best woocommerce coding practices, custom css woocommerce, custom vs template woocommerce, optimized woocommerce templates, template coded woocommerce, woocommerce css customization, wordpress woocommerce recommendations
Viewing 5 results - 1 through 5 (of 5 total)

The issue related to '‘Custom CSS vs already template coded: what we recommend’' has been successfully resolved, and the topic is now closed for further responses

Custom CSS vs already template coded: what we recommend

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection