Can i able to create a site max width and site width for some posts or pages?

Support
#1

Hello,

    I just want to know is there any way i can max width and site width for couple of posts and pages not all. Please let me know. Also just for the info i am using renew.

Also how can i take this icon from all pages. attached screenshot.

#2

Hi There,

Please add the my-container class to your posts/pages.

After that adding this custom CSS under Theme Options > CSS:

body.my-container .x-container.max.width.offset {
    width: 100%;
    max-width: 100%;
}

To remove those icons, please also add this custom CSS:

.entry-title:before {display: none;}

If you would like to learn CSS, I am sharing few resources that you take a look to get started with CSS and an interesting tool that you can use to speed up the development process.

I recommend you to watch following video that will help you to get started with CSS.

https://www.youtube.com/watch?v=MFR4WXiLzpc

Sometimes it can get a bit difficult to find out the right selector to be able to write the required CSS codes. A handy tool that can help you in this is Google Chrome dev tools. I am sharing the resource that you can refer to get started with dev tools.

https://developers.google.com/web/tools/chrome-devtools/css/

https://developers.google.com/web/tools/chrome-devtools/

https://www.youtube.com/watch?v=tP_kXBJWPhQ&t=200s

Hope this helps!

#3

Thanks that helped… I just added this under custom css and it worked.
body.my-container .x-container.max.width.offset {
width: 100%;
max-width: 100%;
}

Problem is that it is starting from page start. It should start from page center…Is there any way i can add any css class to it…

#4

Hey There,

I am confused with this one:
“Problem is that it is starting from page start. It should start from page center…”

Could you please clarify it or at least send us the screenshot of how your page looks like?

Thank you in advance.

#5

Sure. Please check the attachment. Page content is starting from left. I just want to move the page content and images to move to center only for some posts.

#6

Hello There,

Please update the css and use this:

body.my-container .x-container.max.width.offset {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
}

If this does not help, please provide the url of the page so that we can give you a more tailored solution to the issue.

Regards.

#7

Hello Thanks. It worked.

#8

We are delighted to assist you with this.

Cheers!

#9

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