Please submit a private ticket if you need to share sensitive information, such as license details and admin credentials.

Okay
  Public Ticket #3170566
WPC product bundles styling
Closed

Comments

  •  1
    Tyler started the conversation
    November 18, 2022 at 11:09pm

    Hi team,

    How can I change:

    • product font style
    • product font color
    • in stock & out of stock color 
    • in stock & out of stock color font style

    Thanks for your help.

  •  767
    Janilyn replied
    November 21, 2022 at 2:58am

    Hi Tyler,

    Thank you for contacting WPClever Support Forum. We’ve received your question.

    However, we need more information in order to help you with the custom codes. Please provide us with a link to your published product for checking? 

    We need to check the frontend in order to provide the proper CSS code for your needs.

    After receiving your information, I'll proceed to the next step. 

    Best regards. 

    Janilyn T. - WPClever Support Agent

  •  1
    Tyler replied
    November 21, 2022 at 4:46pm

    I'm currently in development mode, I will relaunch my site in a day or so here and then I will send you a link to the published product.

  •  767
    Janilyn replied
    November 22, 2022 at 4:08am

    Hi Tyler, 

    Okay then, please take your time.

    Janilyn T. - WPClever Support Agent

  •  1
  •  767
    Janilyn replied
    November 25, 2022 at 4:33am

    Hi Tyler,

    Thank you for the links.

    I have assigned one of our developers to help you with that. He’ll be looking into your question and responding with specific instructions as soon as possible. 

    Please stay patient as we're having very heavy workloads, it might take some time for our developers to reach back.

    Best regards.

    Janilyn T. - WPClever Support Agent

  •  153
    Henry replied
    November 25, 2022 at 9:20am

    Hi,

    1. To custom:

    • product font style
    • product font color

    Please add below CSS code to WP-Admin → Appearance → Customize → Additional CSS:

    .woosb-product .woosb-title a {
    color: #4460b2;
    font-style: normal;
}

    2. For in-stock:

    + Please add below CSS code to WP-Admin → Appearance → Customize → Additional CSS:

    .woosb-product .woosb-availability .in-stock {
    color: #008000;
    font-style: normal;
}

    3. For out-of-stock:

    + Please add below CSS code to WP-Admin → Appearance → Customize → Additional CSS:

    .woosb-product .woosb-availability .out-of-stock {
    color: #ff0000;
    font-style: normal;
}

    + Note: 

    • Please change #008000, and #4460b2 to the color you want.

    Best regards,
    Henry N.

  •  1
    Tyler replied
    November 25, 2022 at 10:32pm

    Thank you Henry, the code worked flawlessly. 

    Lets say I wanted to change the weight of the font, what would I edit to this line of code?

    I was thinking, like a semi bold or bold would look nice.

    .woosb-product .woosb-title a {    color: #4460b2;    font-style: normal;
}



  •  153
    Henry replied
    November 28, 2022 at 6:51am

    Hi,

    Sorry for the late reply; we’re not available at the weekend.

    To change the weight of the font, please add below CSS code to WP-Admin → Appearance → Customize → Additional CSS:

    .woosb-product .woosb-title a {
    color: #4460b2;
    font-weight: 400; /* 100 -> 900, normal, bold */
    font-style: normal;
}

    Note: https://www.w3schools.com/cssref/pr_font_weight.php

    Best regards,
    Henry N.

  •  1
    Tyler replied
    November 28, 2022 at 4:18pm

    Thanks for all your help guys. Great support!

  •  153
    Henry replied
    November 29, 2022 at 3:13pm

    If you need help from us at any time, feel free to reach out to us. We are always ready to help.

    Best regards,
    Henry N.