Element CSS issues

[skated]

Hi,
I’ve got some issues with a Section element CSS, as shown in the pictures below:

Everything seems okay when editing in Cornerstone, but when I run the page on Chrome it doesn’t show CSS background gradient and height dimension. I can’t figure out how to fix this issue.

I’m taking inspiration for this design from your Business Success Header.

Thanks!

[ruenel]

Hello Giacomo,

Thanks for writing in! Your custom CSS did not work and the display of the page is different on the editor and the live preview all because somewhere in the elements of the page, you have added this broken custom inline element CSS:

@media screen and (max-width:767px){
    .e110-3.quote-image{
        height:40vh !important;
    }
    @media(max-width:767px){
        .e110-7.quote-text{
            height:40vh !important;
        }

You should be closing it properly by updating your code into this:

@media screen and (max-width:767px){
    .e110-3.quote-image{
        height:40vh !important;
    }
}

@media(max-width:767px){
	.e110-7.quote-text{
    	height:40vh !important;
	}
}

kindly let us know how it goes.

[skated]

Hi,
thank you so much!!
How could you find this stupid error?
I know it’s not a question about Pro Theme, but if I knew it before I wouldn’t ask you for help for something so easy…

Thank you anyway!

[tristup]

Hi Giacomo,

Glad that it works for you.

Thanks