PRO and a narrower page width for "normal" pages and posts

Support
#1

Hi there,

I’m using PRO, and have quite a few pages that I don’t want to edit in the PRO editor. I’m using Slider Revolution for big header images, that’s all very nice and pretty.

Unfortunately, the whole page has the same width as the header - no wonder, I’m using “full width”, I don’t want a sidebar. But I would love to reduce the width, (and center) the actual content, with anything above remaining at full width.

There must be some CSS code to get just that done, and I hope you can help me here.

Thanks, and best regards

Harald

#2

Hi Harald,

Thank you for writing in, are you using a Layout - Fullwidth page template? If so, please add this to Theme Options > CSS

.page-template-template-layout-full-width .x-main.full {
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
}

Feel free to adjust the max-width: 700px; and the left and right auto margin will center your main container so don’t change that.

Hope it helps,
Cheers!

#3

Thanks you for the quick response!

The new website is now online (bcnsociety.co.uk), and I’m really happy with the PRO theme. I have been using quite a few others, and none comes anywhere near PRO.

I added custom CSS along the lines of your response, but added a CSS class name to all relevant pages and posts to make it work WITHOUT changing the front page, which is, of course, just a page. Is there any better way of doing it?

Perhaps more importantly, could you please have a look at the front page, on a wide desktop screen? The two columns “News” and “Events” should have all entries neatly sitting next to each other, all in exactly the same size, but that doesn’t work everywhere. It would be fabulous if you could spot where the problem is, and, even better, come up with a solution.

Thanks, and best regards

Harald

#4

Hi Harald,

Cool, you were able to modify the solution given.

If you only want to apply it on select pages/posts then that is the better way, using body class.

That seems to be a plugin issue (ultimate-post-list-pro), regretfully, we cannot provide support for third-party plugins or scripts as our support policy in the sidebar states due to the fact that there is simply no way to account for all of the potential variables at play when using another developer’s plugin or script. Because of this, any questions you have regarding setup, integration, or troubleshooting any piece of functionality that is not native to theme will need to be directed to the original developer.

Thank you for your understanding.

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.