How to make single blog post fullwidth?

Hey, guys, I looked everywhere and did not find this.
I already have set for the blog to be fullwidth.

I created this one post using visual composer/media grid https://www.candyronnie.com/?p=1577 ( it is not live) and it is showing like this

I actually want this post ( only) to be fullwidth like this https://stradfilms.com/photos/.

What should I do? Thank you so much for your help!

Lucy

1 Like

Hi Lucy,

Thank you for writing in, If it is a post please add this on Theme Options > CSS

.postid-1577 .site,
.postid-1577 .x-site {
	max-width: none;
}

If it is a page, replace the .postid-1577 with .page-id-1577

If nothing works, please publish the post so we can take a look on it.

Have a nice weekend,
Cheers!

Hi guys I did try adding this code and nothing happened.

Also the feature image I have set is not displaying. Can you please let me know how to do this?

Hi There,

Thank you for the credentials, please update the given CSS code to this:

.postid-1577 .site,
.postid-1577 .x-container.offset {
	max-width: none;
	width: 100%;
}
.postid-1577 .entry-wrap {
	padding-right: 0;
	padding-left: 0;
}

Hope it helps,
Cheers!

Thank you for solving my earlier issue.

Since you already have my credentials can you please tell me why my cornerstone plugin isn’t working?

I get this screen for 5 minutes …

Hello There,

Thanks for writing in! It appears that you are using Site Ground, could you please clear your site cache or disable the supercacher in your hosting panel? The SuperCacher is developed by SiteGround exclusively for their customers. It increases the number of hits a site can handle and boosts the website loading speed. The SuperCacher includes 4 different caching options for maximum optimization of your websites. You can access the tool by clicking on the SuperCacher icon in your cPanel. For more information about this, please check it out here: https://www.siteground.com/tutorials/supercacher/supercacher_intro.htm

I also noticed that you are using CloudFlare. Please make sure that you have used the suggested CloudFlare settings so that X and Cornerstone will work without any issues. Please check out this tip:
https://xthemetips.com/using-cloudflare-rocket-loader-with-x-pro-and-x5/928/

Hope this helps.

Well now my home page content isn’t displaying - this all have been happening since I installed visual composer. Should I deactivate and create the post I made using visual composer with cornerstone. Can you tell me why the actors’ thoughts content on my page isn’t displaying?

Hello There,

Thanks for updating in! Regretfully we cannot check your site even if we are logged in because the given username has a very limited privileges. Could you at least change the roles as an administrator?

By the way, please keep in mind that page created in Cornerstone can only be edited in Cornerstone. Editing the page outside of Cornerstone will corrupt cornerstone data and might no longer be editable back in Cornerstone. The same goes with pages created with Visual Composer. It is important that page created with a page builder should be edited by that page builder alone.

If Cornerstone is not loading, please make sure that you have clear all your caches right after the update to make sure that the latest code is server by the server or else there will be a conflict like Cornerstone not load. To assist you better with this issue, would you mind providing us the url of your site with login credentials so we can take a closer look? If we have complete access, we can easily investigate the issue in your site or your server.
​
Thank you.

Thank you! I have updated your credentials to admin,
I also got the home page working because I currently have CloudFlare on pause.

I did clear my cache and still don’t have success with cornerstone, i created all my work using cornerstone and never edit using other method.

I created one post using visual composer - it was after installing visual composer that all this started to happen. I really appreciate your assistance with this.

URL candyronnie.com

Lucy

Login is the same as above.

Hi There,

Upon checking your website Cornerstone is working fine on your homepage and other pages.

I would recommend you turning off your optimization and cache plugins during the development to avoid conflict, you can turn them on again once you have finished editing your website, but I could simply click edit page and on any page, I tried it worked flawlessly.

If you are still facing issues, please clean your browser cache and if that does not resolve, please clean your browser cache and try it again. If the issue persists, even if Cornerstone does work with all popular browsers, please try a different browser as the issue might be isolated to your installation.

Let us know how it goes.

Thank you

This is AMAZING! The best news of the week! Thank you so much @Joao!

It works!!!

So just to make sure I understand correctly when I am adding new content or updating something I should turn on development mode? Is this where? On CloudFlare?
My CloudFlare is currently paused. ( if I change that will mess things up?)

Let me know if these are the correct plugins I should deactivate while editing.

  • autoptimize
    -AMP
    SG Optimizer

How about CloudFlare?

Do the Monsterinsights have to be disable as well?

Also my visual composer is ready to update - how do I get a license activation? I thought the plugin came with x theme.

Thank you so much for your help!!!

Hi There,

Whenever making changes on the websites we recommend turning off your optimization and cache plugins. So those are your cache and optimization plugins you can try to turn them on once you finished editing. I personally don´t use any optimization plugins on my websites. I concentrate on optimizing the images during the building process and I think the websites work fast enough without these plugins which often cause a headache. I know that there are people who care more about getting their websites fast as possible as it is a common discussion on our Facebook Group X Theme Pro users. I am not familiar with all the plugins you have listed, so testing it yourself would be the way to go.

Here is an excellent article on CloudFlare integration with X and PRO, please take a read :

https://xthemetips.com/using-cloudflare-rocket-loader-with-x-pro-and-x5/928/

Regarding VisuComposer the latest version available with X is: Visual Composer 5.2.1

If you can follow the compatibility list and the latest versions available of the bundled plugins on this link :

If you are behind this version you should be able to update up to this version if your X is validated.

If the plugin is pushing a message that there is version beyond 5.21 to be downloaded, please ignore this message as it was not fully tested by our team.

You cannot validate the VC bundled with X but it offers 100% the same functionalities as the purchased version.

Hope it clarifies.

Thank you