• Resolved andi99

    (@andi99)


    Hello! I have another minor issue. Well, in the homepage with my products, my prices are aligned and looking better at the products. All good here. So, when I click on a product, under there are another ” similar products” and the prices are displayed in a wrong way as you can see in this photo. there are not align properly.
    Here is the first photo of the homepage with products showing in the correct way.

    And here in the second photos, when I click on any product and I scroll down to see similar products.. it shows like this:

    I think it needs a CSS or something. Please help me with this issue.
    Thanks a lot!

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Hi @andi99,

    Thank you for contacting WordPress.com support. I understand you are looking to align the pricing. This can be done by adding custom CSS code to your site. Please use the following CSS code:

    .wp-block-woocommerce-product-price {
        justify-content: center !important;
    }

    To apply this code to your website, you follow the detailed guide here. Here’s what the result will look like: 

    Let us know if there’s anything else we can help you with.

    Thread Starter andi99

    (@andi99)

    Thank you! That work! Also I saw another tiny problem I can say. If there is a code that we can arrange the “add to cart” ( adauga in cos”) button to be in the same arrangement. As you can see, one button is Up one is down. These are not equals. I want these buttons to be in the same center line to look nice. on the mobile version is the same.

    I want to be centered and aligned somehow, I hope you understand what I mean.

    Thanks again for your help, @afzalpansuvi !

    • This reply was modified 4 months, 1 week ago by andi99.

    Hi @andi99,

    Thanks for getting back to us. This can be done by adding custom CSS code to your site. Please use the following CSS code:

    .wp-block-post-template {
        display: flex !important;
        align-items: end !important;
        justify-content: space-between !important;
    }

    To apply this code to your website, you follow the detailed guide here.  Here’s what the result will look like: 

    Let us know if there’s anything else we can help you with.

    Thread Starter andi99

    (@andi99)

    Thank you again! That worked! If I will have anything else I will create another topic!

    Hi @andi99,

    Thanks for getting back to us. I’m glad to know that the issue has been resolved. Just so you know – we will now close this as solved. If you have any other questions or issues, please feel free to open a new ticket and we’ll be happy to assist you.

    Thank you for choosing WooCommerce and have a great day!

Viewing 5 replies - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.