Title: [NSFW] Woocommerce customization settings Last modified: June 22, 2021 --- # [NSFW] Woocommerce customization settings * [admin3571](https://wordpress.org/support/users/admin3571/) * (@admin3571) * [4 years, 11 months ago](https://wordpress.org/support/topic/woocommerce-customization-settings/) * Hey, * I’m used to working a lot with OceanWP, but it’s only the second time I’m using this theme for WooCommerce, and I would like your help for some customization settings. Cause my wifi connection is pretty bad, i don’t see in direct the customization i try to do, and i don’t fine where to do some settings : * **1/ Product title fond :** [https://crys-boutique.com/collection/robe-nomade/](https://crys-boutique.com/collection/robe-nomade/) I have never customize this ugly product title italic font, and i don’t know where to change it… It’s weird cause I’ve turned all the title font on “Playfair Display” and i absolutly don’t remember to tried this italic font… It’s kind of stuck. Where is this setting? * **2/ Epuisé / out of stock tag on a product picture :** I would like the button and the font size “épuisé” much smaller. I looked everywhere for this setting and i don’t know where to change this size. * **3/ Rutpure de stock / out of stock in a single product descriptif** [https://crys-boutique.com/produit/robe-nomade-graphique/](https://crys-boutique.com/produit/robe-nomade-graphique/)“ Rupture de stock” is written in red, where can i change it? I also would like to ad a larger space before this “rupture de stock” * Thank you in advanced for this help. Marie * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fwoocommerce-customization-settings%2F%3Foutput_format%3Dmd&locale=en_US) to see the link]_ Viewing 5 replies - 1 through 5 (of 5 total) * [Shahin](https://wordpress.org/support/users/skalanter/) * (@skalanter) * [4 years, 11 months ago](https://wordpress.org/support/topic/woocommerce-customization-settings/#post-14588840) * Hello [@admin3571](https://wordpress.org/support/users/admin3571/), * Your website is in maintenance mode. Could you please share a live URL from your issue or share screenshots? [https://i.postimg.cc/1tfd52p9/image.png](https://i.postimg.cc/1tfd52p9/image.png) * You can upload files on the online services: - [https://postimages.org](https://postimages.org) - [https://imgbb.com/](https://imgbb.com/) * Sending a live URL or screenshots from your issues would be helpful for faster support. * Thread Starter [admin3571](https://wordpress.org/support/users/admin3571/) * (@admin3571) * [4 years, 11 months ago](https://wordpress.org/support/topic/woocommerce-customization-settings/#post-14591689) * Hello, * I have uploaded screenshots here : [https://postimg.cc/gallery/4m1k1Pw](https://postimg.cc/gallery/4m1k1Pw) * Looking forward to getting your help ! Thanks * [Shahin](https://wordpress.org/support/users/skalanter/) * (@skalanter) * [4 years, 11 months ago](https://wordpress.org/support/topic/woocommerce-customization-settings/#post-14592583) * Hello [@admin3571](https://wordpress.org/support/users/admin3571/), * Thank you for sharing screenshots, * Put the CSS below in Customizing Environment > Custom CSS/JS on the “CSS code” section: * ``` /* Product Title in the archive page */ .archive.woocommerce ul.products li.product li.title h2, .archive.woocommerce ul.products li.product li.title a { font-size: 21px; font-style: normal; font-weight: 500; line-height: 29px; } /* Out Of Stock label in the archive page */ .woocommerce ul.products li.product.outofstock .outofstock-badge { background-color: rgb(19 175 240 / 0.9); color: #fff; } /* Price in the single product page */ .single-product p.price .woocommerce-Price-amount bdi { padding: 0 0 0 0; } .single-product p.price .woocommerce-Price-amount .woocommerce-Price-currencySymbol { padding: 0 0 0 20px; } /* Out Of Stock label in the single product page */ .single-product #wrap .product .out-of-stock { color: #0165d8; } ``` * You can use “Inspect Element” tools on Chrome, Please follow the steps explained in this link: [https://www.greengeeks.com/tutorials/article/use-the-inspect-element-tool-in-chrome/](https://www.greengeeks.com/tutorials/article/use-the-inspect-element-tool-in-chrome/) * CSS Tutorial: [https://www.w3schools.com/css/](https://www.w3schools.com/css/) CSS Units: [https://www.w3schools.com/cssref/css_units.asp](https://www.w3schools.com/cssref/css_units.asp) * Thread Starter [admin3571](https://wordpress.org/support/users/admin3571/) * (@admin3571) * [4 years, 11 months ago](https://wordpress.org/support/topic/woocommerce-customization-settings/#post-14593042) * Many thanks for your complete answer, * All these settings are pretty weird cause i’m used to work with OceanWP and i’ve never had this problem before… I found the reason of this issue : the plugin“ Easy Custom OceanWP Shop” I turn it off and all my settings are normal ! * Thanks again, OceanWP is the best ! * [Shahin](https://wordpress.org/support/users/skalanter/) * (@skalanter) * [4 years, 11 months ago](https://wordpress.org/support/topic/woocommerce-customization-settings/#post-14595950) * Hello [@admin3571](https://wordpress.org/support/users/admin3571/), * You’re welcome. I’m glad it is resolved. Viewing 5 replies - 1 through 5 (of 5 total) The topic ‘[NSFW] Woocommerce customization settings’ is closed to new replies. * ![](https://i0.wp.com/themes.svn.wordpress.org/oceanwp/4.1.6/screenshot.png) * OceanWP * [Support Threads](https://wordpress.org/support/theme/oceanwp/) * [Active Topics](https://wordpress.org/support/theme/oceanwp/active/) * [Unresolved Topics](https://wordpress.org/support/theme/oceanwp/unresolved/) * [Reviews](https://wordpress.org/support/theme/oceanwp/reviews/) ## Tags * [woocommerce customization](https://wordpress.org/support/topic-tag/woocommerce-customization/) * 5 replies * 2 participants * Last reply from: [Shahin](https://wordpress.org/support/users/skalanter/) * Last activity: [4 years, 11 months ago](https://wordpress.org/support/topic/woocommerce-customization-settings/#post-14595950) * Status: not resolved