• Hi, I have 2 issues.

    Pricing is not showing even if the option display price is check.

    Also title of item is not shown completely. If I reset CSS I see all product title wrapped up on 2 or 3 lines.

    Any hint how to do this without restarting everything? I am new to this and the website was sent to me since hoster who too cae of us doesn’t wan’t to take care of the website anymore!

    Thanks!

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

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

    I checked your site and found that there were multiple lines of CSS codes added to hide the price. We can override the CSS code by adding custom CSS code with higher priority to your site. Please use the following CSS code:

    /*To Show the product pricing*/
    .site-content ul.products li.product .price {
    display: block !important;
    color: black !important;
    }

    To apply this code to your website, you follow the detailed guide here. You should see the changes reflected on your website immediately. Is the issue related to the product title has been resolved? I can see that the complete product title is visible. Please check the below screenshot to see the result of the above CSS code and title I see on my end:

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

    Thread Starter wagrc

    (@wagrc)

    Hi, thanks for your reply. I managed to see all description by checking the Do not use oroginal CSS from theme. But doing that I miss a bunch of things that has been programmed.

    So I have reverted it, now I added your code for pricing and it works. Thanks so much!

    Are you able to tell me what code I could use so I can see full product title like is I don’t use the original CSS?

    Thanks.

    Hi @wagrc,

    Thanks for getting back to us. Glad to know the previous CSS code worked for you. To show the full product title you can use the below CSS code:

    /*To Show the full product title */
    h2.woocommerce-loop-product__title {
    text-wrap: wrap !important;
    }

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

    You should see the changes reflected on your website immediately. If you’d like to learn more about CSS, I highly recommend using the free tutorials at w3schools. Here, you can find the basics of selectors (how to target the right element on the page), and properties (how to change the element on the page).

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

    Thread Starter wagrc

    (@wagrc)

    HI @afzalpansuvi,

    Thanks for the code. I tried this one and doesn’t work. My product title is still not showing completely.

    I have tried many codes found on forums and nothing seems to work except when I click start fresh css. But this causes a problem for the rest of my coding

    EDIT: Sorry my bad, it doesn’t show up on live preview,but once published it works! I tried so many things but relying on live preview, now I will publish instead!!

    Thanks for your help, really appreciated!

    • This reply was modified 2 years, 4 months ago by wagrc.

    Hi @wagrc,

    Thanks for getting back to us. Sometimes the CSS codes are not effective in the live preview but you should see the results when you publish the changes and visit the site directly. I’m glad we were able to help! If you have a few minutes, we’d love if you could leave us a review.

    Just so you know – we will now close this ticket 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)

The topic ‘Product pricing and description issue’ is closed to new replies.