Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • November 12, 2016 at 12:10 am #711356
    kwangwon85

    How to make font changes in WooCommerce Single product page? (color and size)
    want to give different color on every each item title.
    http://easystickershop.com/shop/

    • This topic was modified 8 years ago by kwangwon85.
    November 14, 2016 at 6:00 am #711780
    Rikard

    Hey kwangwon85,

    I’m not sure exactly what text you want to change? Could you try explaining a bit further or post a screenshot highlighting the changes you would like to make please?

    Best regards,
    Rikard

    November 14, 2016 at 8:06 pm #712131
    kwangwon85

    http://easystickershop.com/shop/
    every product name has Orange color now.
    but I want to give them different color.
    like this..
    Blue for Die-Cut Clear Sticker
    Green for Die-Cut Coating Sticker..

    November 14, 2016 at 8:25 pm #712138
    Yigit

    Hi!

    It seems like you have added following styles to your product titles

        color: #eb5228 !important;
    font-size: 23px !important;
    font-weight: bold !important;

    Please remove them and then add following code to Quick CSS in Enfold theme options under General Styling tab

    .woocommerce.archive .inner_product_header_cell h3 {
font-size: 23px !important;
font-weight: bold !important;
}


.woocommerce.archive .post-708 .inner_product_header_cell h3 {
    color: red!important;
}

    Then please inspect elements on your page and change post ID in the second code i posted above to change the colors different for all titles

    Best regards,
    Yigit

    November 14, 2016 at 9:01 pm #712153
    kwangwon85

    No I didn’t add anything like that on product title.
    Can you give me location that I can find that you mentioned?

    • This reply was modified 8 years ago by kwangwon85.
    November 14, 2016 at 9:29 pm #712173
    Basilis

    Hi!

    Please add the code that Yigit provided and it will solve your issue.

    Thanks a lot

    Cheers!
    Basilis

    November 15, 2016 at 2:38 am #712290
    kwangwon85

    Yigit

    where did you get the code below??
    color: #eb5228 !important;
    font-size: 23px !important;
    font-weight: bold !important;

    November 15, 2016 at 4:47 am #712304
    Nikko

    Hi!

    It’s inline with product title, if we check the product title using google web inspector, for example the first product should look like this:
    <h3 style="color: #eb5228 !important;font-size: 23px !important;font-weight: bold !important;">Die-Cut Clear Sticker</h3>

    Best regards,
    Nikko

    November 15, 2016 at 9:17 pm #712599
    kwangwon85

    thank you for your answers!

    • This reply was modified 8 years ago by kwangwon85.
    November 16, 2016 at 12:01 am #712669
    kwangwon85

    guys!
    I have a one more question..
    how can I give two different color on single product title?
    like this..
    Die-cut (Orange) Clear Sticker (Red)
    http://easystickershop.com/shop/

    • This reply was modified 8 years ago by kwangwon85.
    November 16, 2016 at 5:04 am #712743
    Nikko

    Hi!

    I checked your shop page and it seems you got this working already through this code selector:
    .woocommerce.archive .post-xx.inner_product_header_cell h3
    where xx is the post id :)

    Cheers!
    Nikko

    • This reply was modified 8 years ago by Nikko.
  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.