Content not fitting in content-wrapper

  • I changed the content-wrapper max-width to 1000px and I like the way it looks on most of my pages. But on two pages, content extends beyond the wrapper on the right.
    One page is a full-width page where I have tried to make a 2-column table and the right column extends beyond. Setting table attributes does nothing.
    The second page is my blog page and the right side bar extends beyond the content wrapper.
    I sure would appreciate any help.

Viewing 6 replies - 1 through 6 (of 6 total)
  • Theme Author Styled Themes

    (@gejay)

    This theme uses the Bootstrap front-end framework which has a specific width to it’s containers. If 1000px is not working on some, then you need to make it larger. I believe it’s set to a minimum of 1200px with Bootstrap.

    Thread Starter debholden

    (@debholden)

    I understand that I need to make the container bigger but I only want to do that on two of my five pages. Is that possible? And where would I go to do that?
    Thanks

    the theme uses body_class() which outputs page specific CSS classes to the body tag; you can base page specific formatting on these CSS classes.

    please work with a browser inspection tool to find out which classes are specific to those two pages.

    Theme Author Styled Themes

    (@gejay)

    To do that, you would need to make some very creative CSS customization changes that targets the pages in question…like what alchymyth just mentioned.

    To be honest, this would probably be quite complicated if you are not comfortable with CSS coding.

    Thread Starter debholden

    (@debholden)

    I don’t really need to have the content wrapper smaller but I do need a container within the large full page width. Is there an easier way to do that? I might want it to have borders and perhaps rounded corners, not sure yet. Right now I need to center very little text and not have it spread across the page.

    discoveringyourroots.com

    Many thanks!

    Theme Author Styled Themes

    (@gejay)

    You could consider doing a div container around your content when you have a page open in your editor. You would have to do this once you write your content, then switch to the Text view and put a div around the content and then do some inline styling on that div for whatever you want to do, width, background, border, etc.

    <div style="your styling in here">Your page content here </div>

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Content not fitting in content-wrapper’ is closed to new replies.