Docs

[pdopchev]

Speaking of that contact form on page: http://www.dopchevproductions.com/test/custom-skis/, how could I center it in the column? Tried with: margin 0 auto; in the style filed but it doesn’t seem to do the trick. Have the following as CSS code for it:

/* Set Width on Contact form */
 @media (min-width:481px){
div #x-section-14 {
    max-width: 75%;
}
} 

[Friech]

Hi There,

Thanks for writing in! Please look for this css code on that Cornerstone page’s Settings > Custom CSS

@media (min-width:481px){div #x-section-14{max-width:75%;}}

Then update that to:

@media (min-width:481px){div #x-section-14{max-width:75%;margin-left: auto!important;margin-right: auto!important;}}

Hope it helps, Cheers!

[pdopchev]

Awesome! Works perfect!

Now to go back on the previous issue one post ago: “Thanks for the hint, what would be a good work around, if there are other forms on the website I do not want to change? Like this one at the bottom of the page: http://www.dopchevproductions.com/test/custom-skis/”

Any ideas on that?

[Friech]

Hi There,

Your CSS code was added on Cornerstone page’s Settings > Custom CSS that will make the code affect only the page where you place the code.

But if you place the Custom CSS code on Customizer, you need to append the page-id class of your page to the selector so it will only affect that specific page.

For example this page: http://www.dopchevproductions.com/test/custom-skis/ has a class of
page-id-351 so the above code would be:

@media (min-width:481px){
	.page-id-351 #x-section-14 {
		max-width:75%;
		margin-left: auto!important;
		margin-right: auto!important;
		}
	}

You can follow this post on how to locate post/page IDs.

However, if you need the CSS to work on all pages except on this page: http://www.dopchevproductions.com/test/custom-skis/, you need to use the page-id class with the :not pseudo class to negate that page.

e.g.

@media (min-width:481px){
	body:not(.page-id-351) #x-section-14 {
		max-width:75%;
		margin-left: auto!important;
		margin-right: auto!important;
		}
	}

Hope this shed some lights.

Thanks.

[pdopchev]

Thanks for the help, really appreciate it!

There is something going on with the global Customizer, I am not being able to save any changes. tried a different browser as well, still nothing…

[Christopher]

Hi there,

Please check this link : https://community.theme.co/kb/solutions-to-potential-setup-issues-customizer/

Hope it helps.

[Author]

Posts