Fixing Page Width Issue

  • Resolved tedknight85

    (@tedknight85)


    1 year, 9 months ago

    I am experiencing a dilemma with the Edublogs Default Theme that we are using for our website. Currently, the site layout is set to three columns. What I am trying to do is to stretch the content across the entire page width, but when I go to “Theme Options” and change the “3 column option” to “One-column, no sidebar,” this significantly reduces the width of the page, making it too narrow to accommodate the navigation links across the top in a single row.

    Can someone please provide a suggested solution to stretch the content across the entire width of the page, without reducing the current width?

    The page I need help with: [log in to see the link]

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

  • The theme you are using doesn’t seem to be available for free download, also it seems to be very old. I would recommend you to contact the support of the theme :https://help.edublogs.org

    I happen to be familiar with the Edublogs platform and the Edublogs Default theme (I use the platform to teach WordPress locally), so I’m happy to help with this here.

    You’ll need to use custom CSS to achieve the layout you want. Custom CSS is an Edublogs PRO feature, but as you’re using a custom domain, you must be a PRO user already.

    1) If you don’t have it installed already, install and activate the Custom CSS plugin from your dashboard. Again, you must be a PRO user to install this.

    2) Configure your Edublogs Default theme to use the “One-column, no sidebar” layout.

    3) Add the following custom CSS (APPEARANCE => CUSTOM CSS):

    .one-column #page {
    max-width: 1000px;
}

    That should be all.

    .. also it seems to be very old.

    Yeah, everything on Edublogs is pretty old. This is a highly restricted multisite hosted environment — going way back to the early WPMU days (hence the name of their sister hosting platform, WPMUDev), with only a curated set of themes and plugins available. So users don’t have access to the latest and greatest themes and plugins from the full www.ads-software.com catalogue.

    Thread Starter tedknight85

    (@tedknight85)

    George @gappiah , thanks a lot for your suggestion. I have added this CSS code. I see some progress here with respect to the width of the pages on the site. However, the text content does not seem to be stretching all the way across to the right. Do you know how to fix that?

    • This reply was modified 1 year, 9 months ago by tedknight85.

    For some reason, I’m seeing some additional CSS on your site (that I don’t see on my test site) that’s causing the content area to not expand to full width.

    Please add the following CSS (in addition to the earlier one) to fix this. If the margins (white spaces) on the left and right are too much for you, reduce the figure 7.6%.

    .one-column #content {
    margin: 0 7.6% !important;
}

    Standing by.

    Thread Starter tedknight85

    (@tedknight85)

    George @gappiah , that did the trick, thank you so much!

    Thread Starter tedknight85

    (@tedknight85)

    Thanks again, @gappiah George!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Fixing Page Width Issue’ is closed to new replies.