Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 13, 2015 at 7:43 pm #502379
    LEPT

    I want to change the size of font, in the price of products.

    For this, I modify this file:
    /enfold/config-woocommerce/woocommerce-mod.css

    And in the section: #top .price

    I change font-size.

    Is possible to change this, in the theme-child?

    ——————————–
    Quiero cambiar el tamaño de la fuente, en los precios de los productos.

    Para esto, modifico este fichero:
    /enfold/config-woocommerce/woocommerce-mod.css

    Y en la sección: #top .price
    Cambio font-size.

    ¿Es posible cambiar esto, pero en el Theme-Child?

    September 13, 2015 at 8:06 pm #502385
    Yigit

    Hi Luis Eduardo!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

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

    If that does not work, please post a screenshot showing the changes you would like to make and a link to your website

    Regards,
    Yigit

    September 13, 2015 at 8:40 pm #502390
    LEPT

    Hi Yigit!

    Thank you for your help.

    I have tried your code in my enfold-child (‘style.css’ or Quick CSS in Enfold-Child theme options), and something strange happened.

    Only changes the dash between the prices. I have used ‘font-size: 7px’ to emphasize the difference.

    Before After

    September 13, 2015 at 8:43 pm #502392
    LEPT

    By default, font-size is 15px and I want to change it to 17px. I know that is possible if I change it in the ‘/enfold/config-woocommerce/woocommerce-mod.css‘

    Inside, I look for:

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

    and then change:
    font-size: 15px;

    to
    font-size: 17px;

    I want do this in ‘style.css‘ inside enfold-child.

    I have added:
    #top .price, #top .price span, #top del, #top ins{ font-size: 17px !important; }

    to Quick CSS in Enfold-Child theme (like you said), and it works.

    But then I have tried to add the same code to ‘style.css’ in Enfold-Child theme, and it doesn’t work.

    Is there any option that it works?

    The WebSite is http://www.topmenaje.com

    • This reply was modified 9 years, 3 months ago by LEPT.
    September 14, 2015 at 5:16 am #502454
    Rikard

    Hey,

    You might be experiencing caching issues, could you try keeping your code in both the child theme and Quick CSS for a few days and then remove the Quick CSS one to see if it works better then?

    Best regards,
    Rikard

    September 14, 2015 at 10:16 am #502554
    LEPT

    Thank you Rikard and Yigit,

    Now it works fine!

    It was my mistake. I forgot to close a ‘{ }’ in a piece of code before your code. I apologize.

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Change the size of font (in the price of products) in the theme-child’ is closed to new replies.