Docs

[liz80y]

Hi,

I have set up a post page (ORGANISATION – JULY 2016: OUR ANGELS OF THE AIR) a fair while ago and i am now trying to get my ‘About Us’ page set out the same. I can’t remember how i did this. I have copied all the details in cornerstone so it is the same but the left hand side of the page is still not showing the background like the ‘Organisation’ page and the top image is mis-aligned.

Can you tell me if there is CSS i should be adding to recreate this?

Thanks alot.

[liz80y]

This reply has been marked as private.

[liz80y]

I think i have the background issue sorted now (well, except it’s not in the center of the page), but still struggling with the images being center aligned, the text lighter in weight, content being more in the middle of the page and the spacing above headings.

Thanks again 🙂

[Joao]

Hi There,

The best way to copy the style would be to create a Cornerstone Template from the original page. You can do that by clicking templates inside cornerstone and save as a template page or block. In a new page you can simply insert the page or block.

Please add the following code to Appereance Customizer Custom CSS in order to center your image.

.x-main.left {
  padding-right: 0px !important; 
}

Hope that helps,

Joao

[liz80y]

Hi Joao,

Thank you. I have created a template and that worked well. I still need some help to bring the custom headings up in the page to reduce the gap above them. E.g, above ‘Who are we?’. I also would like the images and text to be more in the center of the page like my ‘Organisation – July 2016: Our angels of the air’ post.

I have tried various ways of fixing the probs but nothing seems to work for me.

Thanks again 🙂

[Paul R]

Hi,

Kindly add mtn in the class field of “Who are we” custom headline.

mtn – means margin top none.

Then add this in Custom > Edi global CSS in the customizer

.page-id-2 .x-section .x-column {
    padding: 50px;
}

Hope that helps

[liz80y]

Hi,

Thanks for helping with this. Everything is great.

I have attempted to start another page using the template you described and the only thing that isn’t happening for me is the image still stretches to the edges. How do i get the images to be more centered with the white border around them as per attachment 1. Attachment 2 is how the images currently look.

How can i make sure this happens on each blog post i create?

Thanks.

[Christopher]

Hi there,

Find this code :

.center-img {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

And update it to :

.center-img {
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 80%;
}

Hope it helps.

[liz80y]

Perfect!

Can you tell me why on the post “Choosing your destination” (under Planning 101 tab on main menu) i can’t see the featured image above the post but if you look at “Planning your route and stops” and “Organisation – July 2106” posts it appears.

Is there something i haven’t clicked?

Thanks heaps.

[Christopher]

Hi there,

Please remove featured image and save the page. Next add featured image and resave the page.

Hope it helps.

[liz80y]

No, sorry. Didn’t seem to work this time.

[liz80y]

Fixed it! Had Format as gallery instead of standard.

Thanks for all your help 🙂

[Christopher]

You’re welcome.

[Author]

Posts