Okay
  Public Ticket #1316220
Price size in product and related products
Closed

Comments

  •  4
    kerlinomm started the conversation
    September 27, 2017 at 8:47am

    Hello! 

    I have a question about changing the size of the price of product. I would like to have the product PRICE on product page and PRICE on related products row to be different. https://artifexliving.com/product/steel-storage-tool-box/

    I used CSS to change the price in related products view.

    .woocommerce .product .item-info h3 a, .woocommerce .product .item-info .price ins, .woocommerce .product .item-info .price>.amount {
        font-size: 16px !important;
    }

    But it also changed the size of the product price.

    Can I change the prices separately somehow? 


  • [deleted] replied
    September 27, 2017 at 6:41pm

    Hi kerlinomm,

    Can you remove the other Custom CSS you have tried before and paste the code below: 

    .entry-summary .price .amount { font-size: 12px !important;}

    Thank you.

  •  4
    kerlinomm replied
    September 28, 2017 at 5:55am

    Thanks for the code, I was able to make the changes! 

  •  4
    kerlinomm replied
    September 28, 2017 at 6:50am

    Sorry! One more problem with dash line between prices. 

    I still can't change the size of the dash line separately for product price and related product prices. 

    What code I need to use? 

    Right now I used this for dash line changes: 

    .woocommerce .product .item-info .price { 
        font-size: 35px !important;
        color: #000;
    }

  • [deleted] replied
    September 28, 2017 at 7:53am

    Hi kerlinomm,

    Please add the code below to your Custom CSS area:

    .woocommerce .single-product .summary .single_variation_wrap .single_variation, .woocommerce .single-product .summary>.price {
    font-size: 35px !important;
}

    Will set this ticket as solved from here.

  •  4
    kerlinomm replied
    September 28, 2017 at 8:03am

    Thank you so much! 

    Have a great day :)