-
AuthorPosts
-
October 28, 2016 at 12:59 am #705085
Hi there
I downloaded the WooCommerce Advanced Product Label plugin and asked them the following question. They said they couldn’t help and to contact Enfold instead:
How do I get rid of the white border and realign the text to be in the centre of the circle? At the moment the text is sitting slightly too low.
Thanks
ChrissyOctober 31, 2016 at 9:01 am #706036Hey tankerhq,
Can you post a screenshot showing the white borders? I couldn’t see it on my end because the background is also white, the text has already been centered upon checking.
Best regards,
NikkoOctober 31, 2016 at 10:14 pm #706491November 1, 2016 at 11:57 pm #706898Hi,
Try to add this codes in Quick CSS (located in Enfold > General Styling):
This code is for removing white border (left and right).
div .products .product { margin: 0 !important; }
This code is for the text to go up 3px.
#top .av-product-class-minimal .inner_product_header { padding-top: 7px; }
Hope this helps :)
Best regards,
NikkoNovember 2, 2016 at 12:24 am #706913Hi Nikko
That didn’t seem to work for either the border or the text sorry. Any other ideas?
November 3, 2016 at 2:55 am #707469Hey!
I could see the code working in the link you have provided. Just to verify if the white border you mentioned the white space between the products? and the text to be centered is the text at the bottom of the image? I could see the products already next to each other and the text at the bottom is already lifted 3px higher. Can we get more details where this issue shows up? like in desktop or mobile? chrome, firefox, ie? please provide another screenshot showing not only 1 product and also point there the text that hasn’t been centered.
Best regards,
NikkoNovember 3, 2016 at 10:15 pm #707971Hi Nikko
Sorry, I think you might have misunderstood my initial query. I am referring to the ‘sold’ circle badge.
Thanks
ChrissyNovember 4, 2016 at 1:40 am #708004Hi Chrissy,
Sorry about that, kindly remove the code I gave and add this code in Quick CSS instead:
#top .wapl-flash.wapl-alignright { right: 4px; top: 4px; } #top span.woocommerce-advanced-product-label.product-label { border: 0; }
Let us know if it works :)
Best regards,
NikkoNovember 4, 2016 at 1:53 am #708007Fantastic, looks great.
Thank you!November 4, 2016 at 3:28 am #708015Hey!
Glad we could help :)
Regards,
Nikko -
AuthorPosts
- The topic ‘WooCommerce Advanced Product Labels issues’ is closed to new replies.