Viewing 19 posts - 1 through 19 (of 19 total)
  • Author
    Posts
  • May 14, 2017 at 9:10 am #792875
    bakbek

    Hi, as you can see here – https://screencast.com/t/WSR23m6OHTBO – the sale bubble is TOO BIG and it goes over the item title. How can I fix this so it will only show over the image as it should?

    Thanks.

    May 14, 2017 at 11:13 am #792888
    Rikard

    Hey DROR,

    The CSS and images are not loading when I try to access your site, I’m guessing because you are working on it?

    Best regards,
    Rikard

    May 14, 2017 at 2:55 pm #792944
    bakbek

    I don’t see any issues with my site, it’s loading fine on my end. Can you try again and maybe show me a screenshot of what you’re seeing?

    May 14, 2017 at 3:45 pm #792961
    Mike

    Hi,
    It’s not loading for me, I’m in USA, I get this error 61 times on images & files:

    Failed to load resource: net::ERR_NAME_NOT_RESOLVED

    And this once:

    Mixed Content: The page at 'https://...' was loaded over HTTPS, but requested an insecure favicon 'http://...favicon.png'. This content should also be served over HTTPS.

    Are you Geo blocking IPs?

    Best regards,
    Mike

    May 14, 2017 at 4:02 pm #792970
    bakbek

    Not sure why, it’s working fine for me and according to WP Engine support, everything looks fine. Any idea why this issue is happening and how to fix it – https://screencast.com/t/WSR23m6OHTBO ?

    May 14, 2017 at 4:57 pm #792983
    Mike

    Hi,
    Sorry I wish I could help, but we can’t load the site. I will ask the rest of the team to try.

    Best regards,
    Mike

    May 14, 2017 at 5:32 pm #793007
    Victoria

    Hi!
    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 .single-product-main-image .onsale {
    top: 0px;
    left: 0;
    width: 33%;
}

    If you need further assistance please let us know.
    Cheers!
    Victoria

    May 14, 2017 at 5:37 pm #793009
    bakbek

    Thanks, Victoria, it made it smaller but its still on top of the title. How can I move it to the left so it will be on top of the image?

    May 14, 2017 at 6:04 pm #793029
    Victoria

    Hi bakbek,

    I edited the code, please check.

    Best regards,
    Victoria

    May 14, 2017 at 6:05 pm #793030
    Victoria

    Hi,

    Or add !important to left: 0;

    Best regards,
    Victoria

    May 14, 2017 at 6:17 pm #793035
    bakbek

    That didn’t work. It made it full width again. Can you paste the new code I should use so it won’t block the title and hover over the image ?

    May 15, 2017 at 5:42 am #793150
    Rikard

    Hi,

    I still can’t load your site, but it seems like Victoria can so I’ll tag her for the topic.

    Best regards,
    Rikard

    May 16, 2017 at 11:34 am #793822
    Victoria

    Hey!

    I don’t see the css I gave you added there. What I see is the error in loading dynamic_avia/enfold.css. This could be the reason the code I gave you does not seem to help. The screenshot is in private. You need to look into that error and disable cache and minification until you get the website working and looking as it should.

    If you need further assistance please let us know.
    Regards,
    Victoria

    May 16, 2017 at 11:41 am #793827
    bakbek

    Hi Victoria, the code is in – https://www.screencast.com/t/GBcf0N4Bvc5 – but it still blocks the title – https://www.screencast.com/t/sfvgvHy0il
    The site loads just fine for me and for WPEngine support where I’m hosting it. They suggested that it might be something to do with your browser – https://www.screencast.com/t/wdYHurz3

    May 16, 2017 at 3:01 pm #793970
    Victoria

    Hi bakbek,

    I have an Adblocker and I can access your site, Adblocker does not usually block enfold.css.
    I have the same view as you, because css that you add in Quick css is added to the dynamic_avia/enfold.css which is blocked by my adblocker and this file enfold/config-woocommerce/woocommerce-mod.css is not blocked, so the rules from it get applied. Open Chrome dev tools and you will see the same on your end.

    Also you can add the code I gave you to the custom.css or rtl.css via FTP or cPanel and see what happens.

    Best regards,
    Victoria

    May 17, 2017 at 10:34 am #794748
    bakbek

    Not sure I follow Victoria… what code do I need to add to the site so the sale bubble will appear on the left?

    May 17, 2017 at 6:06 pm #795009
    Yigit

    Shalom! :)

    Please add following code to Quick CSS as well

    .rtl#top .single-product-main-image .onsale {
    right: auto;
}

    If that too does not help, please create a temporary admin login and post it here privately

    Best regards,
    Yigit

    May 17, 2017 at 8:05 pm #795060
    bakbek

    Thanks Yigit, it works great now :)

    May 17, 2017 at 8:15 pm #795064
    Yigit

    Hi,

    Glad it does :)
    Let us know if you have any other questions or issues!

    Best regards,
    Yigit

  • Author
    Posts
Viewing 19 posts - 1 through 19 (of 19 total)
  • The topic ‘Sale bubble blocks the product title’ is closed to new replies.