Hide Product Short Description On Home Page & Related Products

  • Resolved jlpto

    (@jlpto)


    4 years, 7 months ago

    Hi,

    I am working with Hestia lite version. I wanted to hide or remove the product short description from all products. I found some code which worked, but it was hiding the short description from the shop page only. Here is the code:

    .archive .products .card-description {
    display: none;

    I also need to hide the same information from the home page where 4 products are displayed and also from the related products that appear on every product page under the product details.

    Any thoughts? Many Thanks.

Viewing 10 replies - 1 through 10 (of 10 total)

  • Hi @jlpto

    For frontpage you can use the following CSS:

    .home .products .card-description {
display: none
}

    Hope it helps.

    Thread Starter jlpto

    (@jlpto)

    Hi,

    Thanks Poonam I added that to the additional CSS in the customizer but that did not work.
    Any other ideas? I also need to remove the product short description for related product too.
    I also am trying to remove the overlay on the home page feature image and used this code
    .header-filter::before { background-color: rgba(0, 0, 0, 1) !important; }, found in the docs and had not luck as well.

    Many thanks.

    Hi @jlpto,

    This should hide it everywhere:

    .card-product .card-description {
 display: none;
}

    I hope that helps!

    Thread Starter jlpto

    (@jlpto)

    Hi Vytis,

    I tried that and it did not work. The images on the home page and related images both are still showing. The only code that worked was this .archive .products .card-description {
    display: none; as I said that fixed the images on the shop page.

    Thread Starter jlpto

    (@jlpto)

    I meant to say the product short descriptions still sh.ow on the home page and under related products.

    Hi @jlpto

    Please share your website link so we can take a closer look.

    Thread Starter jlpto

    (@jlpto)

    Hi, The site is in development and has a coming soon page activated. I can remove it for a few minutes now if you are available…

    Hi @jlpto,

    We do not provide live support here so if you can make the website available we can check it within a day or two but the code provided before should definitely do the trick if the structure of your website is not changed.

    For Homepage products and related products provided code:

    .card-product .card-description {
 display: none;
}

    Should work and hide descriptions. You can try inspecting the element (description) yourself and checking what is the className of the DIV in which description is held – then hide it.

    Here is a guide about this: https://developers.google.com/web/tools/chrome-devtools/css

    I hope that helps!

    Thread Starter jlpto

    (@jlpto)

    Hi,

    I wish you were right, I have not changed anything to the structure of the site and the code provided does not work. I can’t leave a login here I would gladly send login info to an email address…

    As I said: The only code that worked was this .archive .products .card-description {
    display: none;, which worked on the shop page only not on the home page or related products. There needs to be some code to fix the related products and the products on the home page. Thanks

    Hi @jlpto,

    If access to the website is not public we cannot check it – please refer to the guide provided before https://developers.google.com/web/tools/chrome-devtools/css

    You should be able to inspect the necessary element and target it with custom CSS as needed.

    If you release the website and this issue is still present feel free to share the URL and we’ll take a look.

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Hide Product Short Description On Home Page & Related Products’ is closed to new replies.