Product Brand Icon Placement and Logo Cropping Issue

Hello,

How can the brand icon of the product be moved to the indicated location?

Also, why is the brand logo being cropped, as shown in the picture?

Best regards,
Nikola

Attachments:

You must be logged in to view attached files.

Hello,

01. Please try using the below Custom CSS code and paste it to Dashboard >> Theme Settings >> Custom CSS >> Desktop section

 .product-labels .product-label.attribute-label:nth-child(3) {
   align-self: flex-end; 
  margin-inline-end: 7px; 
  position: relative; 
  bottom: 70px;
  left: 80px !important;
}

02. The cut you’re seeing is from the original image itself. Please check the brand logo in your Media Library — it appears cropped there as well. You may need to upload a properly sized image without any cut edges to display it correctly on the site.

Best Regards,

Hi,

01. The code doesn’t work, even after clearing the cache on both server and local levels. Could you check?

02. As you can see, the image is automatically scaled for the product grid by your theme. In the Brand attribute E.NEXT, you can see that the image is not cropped. Could you suggest a solution for preventing it from being cut off? I’m excluding the option of uploading different sizes, because in my opinion all sizes are appropriate, and the system scales them automatically for that place. I would appreciate your help.

Best regards,
Nikola

Hello,

01. This code will move the electric brand label on your site. Please try adding this label in the product and check how it works.

02. Please deactivate all the 3rd party plugins and activate only theme-required plugins on the site and then check the issue. I am sure your issue will be solved. Then, activate the 3rd party plugins one by one and check which plugin is creating the issue for you.

Otherwise, if the issue still exists, then keep the 3rd party plugins deactivated and let me know I will further check and give you a possible solution.

Best Regards,

Hi,

All plugins are deactivated. The product brand in the product grid has not been moved to the top right, as you can see now and in the attached picture from first post, and the image of brand is still cropped on product grid. Please check what’s going on, because I’m sure the issue is not on my end. You have access to my account in the first post. Thank you in advance.

Regards,
Nikola

Hello,

Sorry to say, I have not seen the brand (Electric) on your grid. Please share the page URL of where it is showing so I can further check it.

Best Regards,

Hi,

I’m attaching an image where you can see how the brand is cut off and where I would like the brand itself to be moved (top right), provided that in the previous ticket we manage to move the quick bar section above the product image so they don’t overlap.

Regards, Nikola

Attachments:

You must be logged in to view attached files.

Hello,

01. Your product labels are getting cropped because the product images are set to 1:1 thumbnail cropping.

Please go to:

Appearance > Customize > WooCommerce > Product Images

and change:

* Thumbnail cropping: from 1:1 > Uncropped (or Custom) and check how it works.

02. For the labels arrangement, the HTML structure does not allow solving it. Such modification requires complicated WooCommerce code customization, which is not covered by our support.

Best Regards,

Great, thank you for your help. The issue with the photos is resolved. As for the other thing, I’m okay with it as it is. You can close the topic.

Regards, Nikola

Hello,

You’re welcome!
Great to hear the image issue is resolved.

Feel free to write back anytime. If you need further assistance, we are always here to help you.

Thanks for contacting us.
Have a great day.

Topic Closed.
Best Regards.

[Author]

Posts