Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • June 21, 2017 at 5:56 pm #811076
    nickgin

    Hello Sirs,

    I am totally satisfied of your great support! You have already my 5 stars and my comments on reviews.

    How can I reach the regular price (deleted price) thru css code in loop products such as “You may also like” & “Related products” and to change the font-size? See screenshot: https://prnt.sc/fmhc7x

    I have already the following code for single product:

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

    p.price del span.woocommerce-Price-currencySymbol {
    font-size: 15px!important;
    }

    Thank You in advance,

    Best regards,
    Nick

    June 22, 2017 at 7:02 am #811332
    John Torvik

    Hey nickgin,

    Thanks for the praises!

    To edit the sale price, just go to Dashboard > Product > scroll down the page: http://prntscr.com/fmp6j7

    And please, provide to us your website link to check the CSS problems.

    Best regards,
    John Torvik

    June 23, 2017 at 1:01 am #811898
    nickgin

    Hi John,

    Thank you for your quick response.

    I would like to change the font size of regular price (deleted price) thru css code in loop products such as “You may also like” & “Related products”, as shown on screenshot: https://prnt.sc/fmhc7x

    Url: http://zoomit.gr/wordpress_2/store/spiti/lg-43lh500t-tv-43-led-full-hd-200-hz/

    I am waiting your answer.

    Thank you in advance.

    Best regards,
    Nick

    June 23, 2017 at 7:26 am #811985
    John Torvik

    Hi,

    You can use this custom code:

     #top .price span {
  font-size: 20px !important;
 }

    Best regards,
    John Torvik

    June 23, 2017 at 10:54 am #812038
    nickgin

    Hi John,

    Thank you very much for your quick support!

    Your css code affects the Regular (strikethrough) price and the Sale price in Single product page, in “You may also like” products & “Related products” also.

    I would like to change only the Regular (strikethrough) price in “You may also like” products and “Related products” as shown in screenshot: https://prnt.sc/fmhc7x and to not affect the other prices.

    In fact, I would like to create that effect: Regular (strikethrough) price in smaller font than the Sale price in “You may also like” products and “Related products” as shown in screentshot: https://prnt.sc/fn6wv2

    Thank you in advance,

    Best regards,
    Nick

    • This reply was modified 7 years, 5 months ago by nickgin.
    June 23, 2017 at 6:18 pm #812227
    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

    
#av_section_1 span.woocommerce-Price-amount.amount,
#av_section_1 span.woocommerce-Price-amount.amount .woocommerce-Price-currencySymbol  {
  font-size: 14px !important;
}

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

    June 25, 2017 at 6:23 pm #812767
    nickgin

    Hi Victoria,

    Thank you very much for your excellent support!

    Your code worked!

    I am also sharing the following code for someone who may need it that affects only the Regular (strikethrough) price in “You may also like” products and “Related products”:

    #av_section_1 .price del span.woocommerce-Price-amount.amount,
    #av_section_1 .price del span.woocommerce-Price-amount.amount .woocommerce-Price-currencySymbol {
    font-size: 15px !important;
    }

    Best regards,
    Nick

    June 25, 2017 at 7:50 pm #812788
    Victoria

    Hi Nick,

    Glad we could help and thanks for sharing! :)

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

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.