WordPress.org

Forums

WooCommerce Wootique Product Title Font (3 posts)

  1. yellowaircraft
    Member
    Posted 2 years ago #

    Hi there,
    I am trying Woocommerce and wootique theme.
    I searched a lot but could not find the answer to my question.

    My TEST website is:
    http://www.rchelireview.com

    1. How can I change the font size of the product title?
    http://www.rchelireview.com/?product=turnigy-nano-tech-5000mah-4s-65-130c-li-po-pil

    2. Same link above. Also how can I change the font size of the product price?

    Title is too big. Price is too small.

    Thanks in advance
    Cenk

  2. jananibarath
    Member
    Posted 1 year ago #

    Hi

    I have EXACTLY the same issues. Have you been able to resolve this problem?

    I would really appreciate it if I can figure out how to
    1. Reduce the title of the products in the product page.
    2. Increase the font size of the price field.

    Thanks

    JB

  3. bigfootbathbar
    Member
    Posted 1 year ago #

    If you haven't already make sure to copy the style.css coding into the custom.css file.

    To change your Product Title size, in your custom.css file, go to section /* 2.4.1 Product Gallery */

    Find this line of code:
    ul.products li a h3 { font-size:1em; display: block; padding-top:0; }

    To adjust the sizing of the text, change the 1em; sizing next to the font-size attribute.

    To change the Price size, in your custom.css file, go to section /* 2.4.1 Product Gallery */

    Find these lines of code:

    ul.products li .price {
    	position: absolute;
    	top:160px;
    	right:60px;
    	background: #ffffff;
    	padding:2px 12px 2px 8px;
    	font-size:0.8751em;

    To adjust the sizing of the text, change the 0.8751em; sizing next to the font-size attribute.

    I'm happy to clarify if you have any troubles but it worked for me :)

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.