Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 28, 2023 at 9:56 pm #1399582
    mescalytequila

    Hello,
    I would change old price promo line product bar : more thicker, height and its color.
    Is it possible ?
    Regards

    March 1, 2023 at 9:07 am #1399623
    Ismael

    Hey mescalytequila,

    Thank you for the inquiry.

    You can add this css code to adjust the font size of the price and the strike-through.

    #top .price, #top .price span, #top del, #top ins {
    display: inline;
    text-decoration: none;
    font-size: 32px;
    line-height: 32px;
    font-weight: 600;
}

    You should remove this css code to vertically align the strike-through with the price.

    .price span {
    font-size: 32px!important;
    color: #89b82b!important;
}

    After doing the modifications above, you may need to toggle or temporarily disable the Enfold > Performance > File Compression settings.

    Best regards,
    Ismael

    March 1, 2023 at 3:34 pm #1399686
    mescalytequila

    Hi Ismael,
    Many thanks !!
    Now, I would like to thicken the line that crosses out the price, please.
    Regards

    March 2, 2023 at 7:31 am #1399752
    Nikko

    Hi mescalytequila,

    Please try to add this CSS code as well:

    #top #wrap_all .price del {
    font-size: 32px;
    text-decoration-color: red;
    text-decoration-thickness: 4px;
}

    Best regards,
    Nikko

    March 2, 2023 at 10:02 am #1399774
    mescalytequila

    Great !!!! It works.
    Thanks to the whole team.

    March 2, 2023 at 10:55 am #1399785
    Nikko

    Hi mescalytequila,

    I’m glad that we could help you :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Change promo line old product bar’ is closed to new replies.