I think my code changed and I don't know why


I created my portfolio with HTML & CSS, a few days ago, I installed a plugin called Elementor to my website (Wordpress) and the images changed. Now they have a grey line on them and the overlay has a different height.

I tried to fix it but I couldn’t. I don’t know what happened.

Could someone help me?

Thank you in advance!

This is my website : www.yolandagalvez.ch

Have you tried disabling the Elementor plugin?

1 Like

The gray line can be removed by adding the following rule at the end of the last called stylesheet.

@media screen and (min-width:981px) {
    #main-content .container:before{display:none;}
    #main-content .container{padding-top:0;}

The padding-top:0 will also ensure that the overlay matches the height of the image as it was previously set to padding-top:58px;.

However I’m guessing that the line and padding was there for a reason (maybe a divider of sorts) but without knowing anything about your plugin and what it does I can only offer the above fix.

1 Like

Thank you very, very much!

It worked! :slight_smile:

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.