Featured Image Upload Conflict

I fixed the thumbnail problem (thumbnail not showing with any URL sharing – Twitter, FB etc) disabling the Hotlink Protection from the cPanel. But I still can’t upload any “feature images” because it messes up the page.

Hey @csgobluegem,

This sounds like a conflict between Elementor and the theme. Have you tried disabling Elementor and setting the featured image?

Let me know how that worked for you, I’m eager to find out.

Best Regards,
Pavle

Hi @gdpavle,
with a different theme or without Elementor as page builder the featured image is uploaded correctly, but since I’m using Elementor Pro throughout CSGO Blue Gem I will keep it for now. The problem is that with Go (any version) the “featured image” upload breaks the page.
I also recorded a video of this strange behaviour: https://www.loom.com/share/9120778b567b4be0b83cee3035012858
Do you think there is a way to fix this? (maybe with an external plugin or a css customization)
Thank you!
Andrea

Hey @csgobluegem,

Thank you for getting back to me and providing the video.
The one thing that may help you is increasing the margin-top for the whole Elementor row.
This is the code that should work:

#site-content > div > div > div > section.elementor-element.elementor-element-eb504c8.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default.elementor-section.elementor-top-section > div
{
   margin-top: 3%;
}

Feel free to increase the percentage per your needs.

Let me know if this worked for you.

Best Regards,
Pavle

Hi @gdpavle,
thank you for your reply. I tried your code but it stops working as soon as i put the “featured image”. When there is no feature image your code “shifts” the page towards the botton (as intended), but when I add the featured image the image is again “locked” on top of the page hidden behind the header.
I wonder what is Go Theme behaviour towards “featured images” in general, why they behave in such a strange way or if it is just an Elementor-Go integration thing.
Do you have any other suggestions?
Thank you!
Andrea

Hi Andrea,

Can you add the featured image and give me a bit of time to adjust the code and make it work?

Let me know as soon as you do.

Best Regards,
Pavle

Of course, thank you for your help!
I “broke” one page ( https://csgobluegem.com/ak-47/ak-47-seed-pattern-151/ ) adding the featured image and I’ll leave it like that so you can try something. Thank you again!
Andrea

PS: you can use as “benchmark” every other “product page” of the website like https://csgobluegem.com/ak-47/ak-47-seed-pattern-168/

• This reply was modified 4 years, 5 months ago by ADM.

Hi @gdpavle,

I may have found a solution thanks to the Elementor support, but they said that this behaviour is happening due to Go Theme CSS code. When a featured image is added it makes the Header Template Position “absolute” –> https://prnt.sc/t20fnu

So I worked on the “Additional CSS” section of the Go Theme to avoid this behaviour using this code:

.has-header-1.has-featured-image .header { position: relative;}
.has-header-1.has-featured-image.admin-bar .header, .has-header-2.has-featured-image.admin-bar .header, .has-header-3.has-featured-image.admin-bar .header, .has-header-4.has-featured-image.admin-bar .header {
    top: auto;}

I thought the first line about the “relative” position would be enough, but I also needed to change the “top” attribute. Hope this will help someone with the same problem or the Go theme creators to fix this strange behaviour.

Anyway, thank you for your help!

Andrea