Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • June 16, 2017 at 4:48 pm #808998
    nickgin

    Hello Sirs,

    How are you?

    How can I control Regular and sale price separately thru css code? for example: Regular price in smaller font than Sale price as shown in screenshot: https://prnt.sc/fkjmuy

    Thank You in advance,

    Best Regards,
    Nick

    June 17, 2017 at 11:01 am #809260
    Rikard

    Hey Nick,

    Could you post a link to the site in question so that we can take a closer look please?

    Best regards,
    Rikard

    June 17, 2017 at 11:50 am #809278
    nickgin

    Hello Rikard,

    Thank You for your quick support.

    URL:

    LG 43LH500T TV 43″ LED Full HD 200 Hz

    I tried the following elements thru CSS code, but it controls both Regular & Sale price and not separately.

    #top .price, #top .price span, #top del, #top ins {

    I am waiting your answer.

    Thank You in advance,

    Best Regards,
    Nick

    June 18, 2017 at 6:45 am #809462
    Rikard

    Hi,

    Please try the following in Quick CSS under Enfold->General Styling:

    Price:

    p.price del span.woocommerce-Price-amount {
 your CSS
}

    Sale price:

    p.price ins span.woocommerce-Price-amount {
 your CSS
}

    Best regards,
    Rikard

    June 18, 2017 at 12:35 pm #809517
    nickgin

    Hi Rikard,

    Thank You very much for your quick response, but unfortunately your css didn’t work.

    I tried the following with no result:

    p.price ins span.woocommerce-Price-amount {
    font-size: 24px;
    }

    URL:

    LG 43LH500T TV 43″ LED Full HD 200 Hz

    I am waiting your answer.

    Best regards,
    Nick

    June 20, 2017 at 10:07 am #810266
    Victoria

    Hi Nick,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
#top #wrap_all .main_color ins, #top .price span {
  font-size: 24px;
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

    June 20, 2017 at 12:57 pm #810335
    nickgin

    Hi Victoria,

    How are you?

    Thank you for your quick response and your support.

    I tried your CSS code, but it changes the prices (Regular & Sale) both together. Pls see on screenshot: https://prnt.sc/fly0q2

    I would like (if that possible) to control the two prices (Regular and sale) separately, for example: Regular price in smaller font than Sale price as shown in screenshot: https://prnt.sc/fkjmuy

    I am looking forward your answer..

    Best regards,
    Nick

    June 20, 2017 at 8:29 pm #810631
    Victoria

    Hi Nick,

    This is what I am seeing when I put the code I gave you in /themes/enfold/css/custom.css

    View post on imgur.com


    That seems to do what you need, or it does not?
    Try removing this code form Quick css

    
p.price ins span.woocommerce-Price-amount {
    font-size: 21px!important;
}

    and see if that helps

    Best regards,
    Victoria

    June 20, 2017 at 8:30 pm #810632
    Victoria

    Hi Nick,

    This is what I am seeing when I put the code I gave you in /themes/enfold/css/custom.css

    View post on imgur.com


    That seems to do what you need, or it does not?
    Try removing this code form Quick css

    
p.price ins span.woocommerce-Price-amount {
    font-size: 21px!important;
}

    and see if that helps

    Best regards,
    Victoria

    June 27, 2017 at 10:58 am #813342
    nickgin

    Hi Victoria,

    Thank you very much for your great support!

    Your code worked!

    Best regards,
    Nick

    June 28, 2017 at 1:53 pm #813805
    Nikko

    Hi,

    Glad that Victoria helped you. Thanks for using Enfold :)

    Best regards,
    Nikko

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Control Regular & Sale price’ is closed to new replies.