Tagged: x
-
AuthorPosts
-
March 16, 2017 at 9:09 am #1409607
Hi,
I’ve looked at several forum posts about this but haven’t found an answer.I’m using the under construction extension and have created a page in Cornerstone. The main content shows perfectly but the background image I added is not showing.
This is the page
http://www.garnertraining.co.ukCan you help?
Thanks.March 16, 2017 at 10:31 am #1409740Hi there,
Thanks for writing in. It seems you have added the below code that’s causing the issue :
.backstretch { display: none; }
Kindly remove this to get expected result. When you add any custom code to your site, make sure you know what you are doing to avoid potential conflicts.
Cheers!
March 16, 2017 at 10:33 am #1409743Hi,
I haven’t added anything yet. I only installed wordpress just this morning. And all I’ve done is install X and the under construction extension. I haven’t created anything else at all. Where is this code?
March 16, 2017 at 11:55 am #1409849Hi there,
Perhaps it’s within Customizer > Custom CSS. If you can’t find, you can add this under Custom > CSS in the Customizer.
.backstretch { display: block!important; }
Cheers!
March 20, 2017 at 7:30 am #1413540Cool. That fixed it. Strange.
There’s another issue with the page viewing on mobile – it doesn’t fit properly and you can’t scroll.
March 20, 2017 at 10:55 am #1413798Hi again,
Try adding the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:
body.page-template-template-blank-6 { overflow-y: auto !important; } @media screen and (max-width: 500px) { img { max-width: 100% !important; } }
Let us know how this goes!
March 22, 2017 at 8:19 am #1416184Ok, so that at least enabled the content to scroll but now the background image is squished to the left.
March 22, 2017 at 4:51 pm #1416852Hi again,
Remove this code first:
@media screen and (max-width: 500px) { img { max-width: 100% !important; } }
And then add the following code instead in your Customizer:
@media screen and (max-width: 500px) { .page-template-template-blank-6 #x-section-1 img { max-width: 100% !important; } }
Let us know how this goes!
March 23, 2017 at 11:35 am #1417883Yay! That worked. Thanks.
March 23, 2017 at 12:32 pm #1417972You’re most welcome, Loren.
-
AuthorPosts