Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • March 19, 2020 at 9:28 am #1194335
    sovik_rc

    Hello,

    Please help to change sales badge position.

    March 19, 2020 at 8:16 pm #1194565
    Victoria

    Hey Sovik,

    Could you please give us a link to your website, we need more context to be able to help you.

    Best regards,
    Victoria

    March 20, 2020 at 7:07 pm #1194865
    sovik_rc

    hi

    March 20, 2020 at 8:39 pm #1194925
    Victoria

    Hi sovik_rc,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
#top #wrap_all .main_color .onsale {
    top: 40px;
    left: 85%;
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px;
}

    I did not see the grid view. Where can I find it?

    Best regards,
    Victoria

    March 21, 2020 at 6:33 am #1195024
    sovik_rc

    I have added that code in custome.css file in product pages sale badge working fine but it’s not showing in product category pages or normal pages.

    1 more thing can you please fix why soldout badge also not showing ?

    • This reply was modified 4 years, 9 months ago by sovik_rc.
    March 25, 2020 at 3:03 pm #1197684
    Victoria

    Hi sovik_rc,

    Best regards,
    Victoria

    March 25, 2020 at 3:09 pm #1197686
    sovik_rc

    Hello, thats what I’m asking for a help.. why that badge is not showing as well as why soldout badge also not showing ? I haven’t removed badges.

    I just added the code which you gave and suddenly sale badge removed from product category and product sliders.

    #top #wrap_all .main_color .onsale {
    top: 40px;
    left: 85%;
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px;
}
    • This reply was modified 4 years, 8 months ago by sovik_rc.
    March 31, 2020 at 4:19 am #1199252
    Ismael

    Hi,

    Thank you for the update.

    The value sticky will actually cause the sales badge to stick on scroll. Please try to use this css code instead.

    #top #wrap_all .main_color .onsale {
	display: none;
}

#top #wrap_all .product_on_sale .thumbnail_container::before {
	content: 'Sale';
	background: red;
	height: 50px;
	border-radius: 100%;
	line-height: 50px;
	width: 50px;
	display: block;
	text-align: center;
	color: white;
	position: absolute;
	right: 10px;
}

    Best regards,
    Ismael

    March 31, 2020 at 8:24 am #1199266
    sovik_rc
    This reply has been marked as private.
    April 2, 2020 at 8:29 am #1200012
    Ismael

    Hi,

    Thank you for the update.

    The css code works when we apply it in the browser inspector. Post the login details in the private field so that we can test it on our end. Please make sure that the Appearance > Editor panel is accessible.

    Best regards,
    Ismael

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