• Learjet45

    (@learjet45)


    Hi there,

    I’ve recently taken on the responsibility of helping to run my school’s FSAE team website.
    I’ve added a few pages regarding a car show we will be putting on in October, found here: https://www.formularpi.org/car-show/
    I’ve used the Display Widgets plugin to disable widgets on all the car show related pages, so there is no sidebar. As a result, visible on the pages, the main body of the page only takes up about 3/4th of the width of the page under the header and nav bar. I’ve tried searching google and the forums for a solution to make the page wider, but I have not yet been able to make the page take up the full width (without breaking things at least).
    How can I go about doing this?
    Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Michael

    (@alchymyth)

    something to start with:

    .page-id-723 #main, .page-id-723 article  { width: 100%; margin-left: auto; margin-right: auto; }
    .page-id-723 #sidebar { display: none; }

    might need fine-tuning – please use a browser inspection tool to investigate the formatting.

    Thread Starter Learjet45

    (@learjet45)

    I’m a bit lost with your post. That looks like css coding to me (forgive me lack of knowledge, I haven’t done much with wordpress before, I mainly used SMF, and that was about 2 years ago).
    If so, where should I add it in my style.css file?
    Or, is it something else I need to add elsewhere?

    Michael

    (@alchymyth)

    generally, it is not recommended to edit the files of your theme directly;
    either create a child theme for the customization https://codex.www.ads-software.com/Child_Themes
    or use a ‘custom CSS’ plugin to add new or changed styles https://www.ads-software.com/plugins/search.php?q=custom+css.

    or ignoring the ideas above, simply add the new styles at the bottom of style,css of your theme.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Increase page width’ is closed to new replies.