This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

CSS Editor not applying changes

10 years ago · Last reply by Janette Maysonette 10 years ago

Hi,
I’ve been trying to follow this mini-tutorial to fix the responsiveness of Tesseract theme: https://siteorigin.com/thread/page-builder-background-image-wont-rescale-for-mobile-devices/
Every time I plug in code to the editor, it gets applied to the webpage, but when I inspect element on chrome, there is no trace of it. Here is the code I’m using:

@media (min-width: 680px) {
	.home-background .textwidget {
		padding-top: 20px;
		padding-bottom: 450px;
	}
}
@media (min-width: 680px) {
	.home-background .textwidget .home-eadline {
		font-size: 51px;
		font-style: normal;
        font-weight: 500;
        letter-spacing: 8px;
        font-family: 'Roboto';
	}
}

URL: http://thevandreasproject.com

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

3
  1. Janette Maysonette 10 years, 3 months ago

    This should be the code used:

    @media (min-width: 680px) {
    	.home-background .textwidget {
    		padding-top: 20px;
    		padding-bottom: 450px;
    	}
    }
    @media (min-width: 680px) {
    	.home-background .textwidget .home-eadline { 
    		font-size: 51px;
    		font-style: normal;
            font-weight: 500;
            letter-spacing: 8px;
            font-family: 'Roboto';
    	}
    }
  2. Janette Maysonette 10 years, 3 months ago

    Ahh nvm figured it out!

  3. Janette Maysonette 10 years, 3 months ago

    The last issue I’m having is getting rid of the whitespace between my background image and the footer. If you look at an iPhone 5 mobile view while doing element inspect in chrome, the whitespace appears. Any help would be appreciated!

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread