[Rue NelModerator]

Hello There,

As long as you have the latest version of X and Cornerstone, you can revert to the previous revision which you have done in Cornerstone. If any of the revisions were edited outside of Cornerstone, when you revert to that particular revision, you can no longer edit in Cornerstone. As soon as you revert to a revision that was edited in Cornerstone, you should be doing fine. Could you please tell us which page again you are editing so that we can check it for you?

Thank you.

[markwestParticipant]

Hi Rue,

I was working on the homepage – the page with the issue being discussed in this topic. I was working on it in Cornerstone. No changes were made outside of Cornerstone.

I selected to go back to a Cornerstone version of 5 hours earlier using the WordPress revisions feature.

Now, I am left with a page that seems to display correctly, but only shows up as a text page in WordPress – if I try and edit in Cornerstone it tells me all changes will be lost and sure enough it shows a blank page.

I have searched the Forum and see other threads that say there is now a way to revert to previous cornerstone pages – how do I do this please – I can’t find/see an option in cornerstone to do this.

It seems like my only option right now is to copy the cornerstone page out of the text box and manually recreate it cornerstone?

Thanks

Mark

[LelyModerator]

Hello Mark,

It seems that the page serialized data has been corrupted. This usually happens if it’s edited outside Cornerstone or something happened on the database. Unfortunately, yes we need to recreate it again.

[markwestParticipant]

This reply has been marked as private.

[Rue NelModerator]

Hello There,

I have check your left block and the right block width. It turns out that you are 2.5% short. Please check out my calculations:
width:
47.5% + 47.5% = 95%

You need to apply 2.5% for each column to have a total of 100%. Or you can have a 48% width on both column and apply a 4% left margin on the left block to separate it from the right block.

So without using any custom class and just utilize the default block grid along with its default width, you can divide it and create a line between the grid columns just like this: http://prntscr.com/cnn6yk

You can achieve this blue line by editing your page in Cornerstone and insert the following custom css in the settings tab, Settings > Custom CSS

.x-block-grid.two-up>li{
    position: relative;
}

.x-block-grid.two-up>li:nth-child(-n+1):after{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: -5%;
    width: 2px;
    height: 100%;

    background-color: blue;
}

Feel free to edit the blue color so that it would fit for your desired color scheme.

Hope this helps.

[markwestParticipant]

Hi Rue,

Thanks for your help.

I made the conditions page specific, so they didn’t affect other two-up block content on the site and added some top margin – but I think that’s looking ok now.

Thanks for your help.

Mark

.page-id-9 .x-block-grid {
margin-top: 3%;
}

.page-id-9 .x-block-grid.two-up>li{
position: relative;
}

.page-id-9 .x-block-grid.two-up>li:nth-child(-n+1):after{
content: “”;
display: block;
position: absolute;
top: 0;
right: -5%;
width: 2px;
height: 100%;
background-color: white;
}

[Rue NelModerator]

Hey Mark,

You’re welcome!
Thanks for letting us know that it has worked for you.

And yes you are correct. The final code should be:

.page-id-9 .x-block-grid {
  margin-top: 3%;
}

.page-id-9 .x-block-grid.two-up>li{
    position: relative;
}

.page-id-9 .x-block-grid.two-up>li:nth-child(-n+1):after{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: -5%;
    width: 2px;
    height: 100%;

    background-color: white;
}

If you need anything else we can help you with, don’t hesitate to open another thread.

[markwestParticipant]

Hi,

One final question for this thread (I promise 🙂 )

Regarding my mid-thread query about changing the way the main nav/header looks (making the nav menu colour bar full width, but keeping the menu and logo etc boxed width).

I have reached out to a custom developer – who said they could do the work.

BUT, my big question here really is – is this likely to be something that I’ll be able to do myself with the new header editor coming soon?

I really don’t want to pay for custom dev, if I find out in a few weeks I could have made it look the way I want easily myself?

Thanks again for the previous support and answers.

Cheers

Mark

[Paul RModerator]

Hi Mark,

Sorry, we don’t know the full feature of the header editor yet.

For the meantime you can try adding this in your Custom > Edit Global CSS in the customizer

.x-navbar .ubermenu-main {
    position: absolute;
    left: 0;
    border: 1px solid #ffffff;
    width: 100%;
    right: 0;
    bottom: 0;
}

.x-navbar ul.ubermenu-nav {
    max-width: 1200px;
    margin: 0 auto;
    width: 95%;
}

.x-navbar {
    padding-bottom: 48px;
}

.x-navbar .x-container {
    position: static;
}

Hope that helps

[markwestParticipant]

Hi Paul,

Thanks for your help.

It’s still not 100% how I’d like it, but it’s much closer.

Kind Regards

Mark

[JoaoModerator]

Hi There,

Please provide a screenshot of what you would like to achieve in order that we can help you.

Thanks

Joao

[markwestParticipant]

Hi Joao,

Please find attached a screenshot.

Paul, above, provided some CSS to make the darker green menu bar span the whole screen – which is great. But this has also made the sub-menus underneath the top-level ‘Therapies’ & ‘Therapists’ full-width. I would like them to be the width of the boxed content (1200px) – centrally as per the picture – but so they stay responsive (i.e. not fixed at 1200px).

Likewise, when the site goes mobile, I would like these menus to be the width of the mobile menu bar – currently they are full-width here too.

Thanks very much

Mark

[JoaoModerator]

Hi There,

Please add the following code to Appereance > Customizer > Custom > CSS

.ubermenu.ubermenu-disable-submenu-scroll .ubermenu-item>.ubermenu-submenu.ubermenu-submenu-type-mega {
     width: 72%;
    margin-left: 14%;
}

Hope it helps

Joao

[markwestParticipant]

Hi Joao,

Thank you for your effort, but unfortunately that doesn’t work well when the menu shrinks.

I think I will leave the menu as it is for now. And re-visit when the new header editor is released – hopefully that will give me the tools to set this up exactly how I’d like 🙂

Thank you to your and colleagues who have, yet again, all been so incredibly helpful.

Kind Regards

Mark

[JoaoModerator]

You are welcome Mark!

Let us know if you need help with anything else.

Joao

[Author]

Posts