Support » Plugin: Product Catalog » How do I hide Custom Field label in Thumbnails?

  • Resolved galvinphuong

    (@galvinphuong)


    I have been using custom fields in thumbnail view to allow customers to add rental products to their cart directly from the catalogue page. It works but the custom field label gets in the way, how do I hide the custom field label in thumbnails?

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

Viewing 10 replies - 1 through 10 (of 10 total)
  • Plugin Contributor EtoileWebDesign

    (@etoilewebdesign)

    Hello @galvinphuong,

    Perhaps you can use Custom CSS to solve this issue. Would you be able to tell me which product to look at as an example of this issue?

    galvinphuong

    (@galvinphuong)

    Yes, please look at the catan product thumbnail. As you can see, the semi colon pushes out the details page

    Plugin Contributor EtoileWebDesign

    (@etoilewebdesign)

    Hi galvinphuong
    you can fix this by adding the following custom css:

    .upcp-thumb-item{
    max-height: 400px;
    }

    this should fix your issue.

    please let us know if this helps.

    galvinphuong

    (@galvinphuong)

    Sorry, I miscommunicated the question. I wanted to hide that colon in the catan thumbnail, underneath the catan title.

    Plugin Contributor EtoileWebDesign

    (@etoilewebdesign)

    Hello @galvinphuong,

    Is your webpage presently offline? I am unable to access it.

    galvinphuong

    (@galvinphuong)

    Sorry about that, it was down for about two hours, it should be up again

    Plugin Contributor EtoileWebDesign

    (@etoilewebdesign)

    Hi Gavin,

    We had a few follow up questions:

    1) Do you have a custom field named “_____________” ?
    2) If so, what is its’ purpose?
    3) When you said you wanted to hide the colon, did you mean the colon only or the full “_____________:” part? (see image below)

    Hello,

    1. Yes, I did name the custom field “_____”
    2. I was using it as a placeholder name to change later.
    3. Ideally, I would like to hide the “_______:” entirely but just hiding the “:” will do.

    Thanks for your time,

    Galvin

    Plugin Contributor EtoileWebDesign

    (@etoilewebdesign)

    Hi @galvinphuong,

    If you would like to hide that custom field label (colon included), you can use the following custom css:

    .upcp-prod-desc-custom-fields .upcp-cf-label {
        display: none;
    }

    You can paste this code into the custom css box of the catalog (Catalogs tab > Select your Catalog > Paste into Custom CSS box)

    Hello,

    It worked and it did exactly what I wanted. Thank you

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