Increase thumbnail size and remove border

  • Resolved fohanlon

    (@fohanlon)


    7 years, 2 months ago

    Hi

    I’m using Ultimate Product Catalog but want to know how to remove the border around thumbnails and also how to increase the thumbnail image size? Can this be done through custom css?

    I have shortcode on my page:

    [insert-products catalogue_url=”https://SOMEURL/wp/leisurewear/” product_ids=”57,58,59,133″ category_id=”27″]

    Is this possible?

    Many thanks,

    Fergal.

Viewing 4 replies - 1 through 4 (of 4 total)
  • etoilewebdesign

    (@etoilewebdesign)

    7 years, 2 months ago

    Hi Fergal,

    You could use the following example CSS to set the thumbnail size and to remove the border:

    
.upcp-minimal-img-div {
    height: 200px;
    width: 200px;
    border: none;
}
    Thread Starter fohanlon

    (@fohanlon)

    7 years, 2 months ago

    Many thx for the response. Much appreciated.

    I’m assuming you add this to the custom css field for each catalog?

    I did this and nothing happened.

    For example, see this page Sample Page

    Kindest Regards

    Fergal.

    Thread Starter fohanlon

    (@fohanlon)

    7 years, 2 months ago

    Hi,

    I solved it but placing this code:

    <style> .upcp-minimal-img-div { width: 200px; height: 200px; border: none; } </style>

    at the top of the WordPress Page that the Product Catalog code snippet was on.

    Thanks for your help, its a great plugin, my client finds it very useful.

    Kind Regards

    Fergal.

    Thread Starter fohanlon

    (@fohanlon)

    7 years, 2 months ago

    Thank you.

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

The topic ‘Increase thumbnail size and remove border’ is closed to new replies.