Page Width Issue

  • sonotema

    (@sonotema)


    7 years, 7 months ago

    Hi guys!

    I have a couple questions about the theme width:

    1. Page Width – How can I set the page width to 750px and still be centered on the page?

    I have followed the https://docs.oceanwp.org/article/120-customize-your-layout-widths guide but I still have the same problem. I am not using any sidebar so i tried to set 100% to the content width and 0% to the sidebar width. Nothing’s changed.

    2. Author Box Width – How can I set it to 750px too?

    I filled the bio information and it appears on my posts but I set the blog post entries to 750px width. Now the author information looks wider than the rest of the content.

    Hope you can help me.

    Thanks!

Viewing 8 replies - 1 through 8 (of 8 total)
  • Amit Singh

    (@apprimit)

    7 years, 7 months ago

    Hello,

    1. Go to Customize > General options > General Settings and set container width.

    2. For the author bio box, try adding the below code in the Customize > Custom CSS. Adjust the width as per your need.

    .single-post.content-max-width #author-bio {
max-width: 700px;
}
    Thread Starter sonotema

    (@sonotema)

    7 years, 7 months ago

    Hi Amit,

    Thanks so much for such a quick answer!

    I just applied what you’ve recommended me and it worked partially.

    1. About the page width. I could not get what I wanted. I applied the Customize > General options > General Settings and set container width and all my website went to 750px width including header, footer and so on. I am looking to set the 750px width only for the text in the body. The rest is fine at full width. Is there a way to do that?

    2. Author bio box worked great! Looks much better now! Thanks!

    Thanks!

    Amit Singh

    (@apprimit)

    7 years, 7 months ago

    Okay, then you need to set content width for it. For the blog post, you need to go to customize > blog > single post and set the width from there.

    Thread Starter sonotema

    (@sonotema)

    7 years, 7 months ago

    Yeah! Cool now I got it for the single blog post! Thanks!

    How about the static pages? I can not find the same option to set the width (of that static page content) to 750px as I did with the single blog post customitzation.

    Is there a way to customize that via OceanWP customizer? Or I need specific css?

    Thank you!

    Amit Singh

    (@apprimit)

    7 years, 7 months ago

    For the static page, go to customize > general options > general settings and set content width.

    Thread Starter sonotema

    (@sonotema)

    7 years, 7 months ago

    Hi Amit!

    I have done what you said, I have chosen full width (no sidebars) and it looks like: https://snag.gy/7KXZgC.jpg

    I want to set the content width for static pages to 750px (keeping header + footer at full width) like this: https://snag.gy/FoVrcy.jpg

    Thanks for your help 😉

    Thread Starter sonotema

    (@sonotema)

    7 years, 7 months ago

    Oops… Links above have been broken. Replace:

    Link 1: https://snag.gy/W9FHSr.jpg
    Link 2: https://snag.gy/Nk3XUT.jpg

    • This reply was modified 7 years, 7 months ago by sonotema.
    Amit Singh

    (@apprimit)

    7 years, 7 months ago

    Hello,

    Will you please share your site link so that I can help you to fix it? The settings I told you above should work. Did you check the changes in the live site after saving the settings in the customizer?

Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘Page Width Issue’ is closed to new replies.