[NSFW] 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/
    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/
    “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 to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)

  • Hello @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

    You can upload files on the online services:

    Sending a live URL or screenshots from your issues would be helpful for faster support.

    Thread Starter admin3571

    (@admin3571)

    Hello,

    I have uploaded screenshots here :
    https://postimg.cc/gallery/4m1k1Pw

    Looking forward to getting your help !
    Thanks

    Hello @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/

    CSS Tutorial: https://www.w3schools.com/css/
    CSS Units: https://www.w3schools.com/cssref/css_units.asp

    Thread Starter admin3571

    (@admin3571)

    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 !

    Hello @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.