How do you make a page wider?

  • Resolved thesimling

    (@thesimling)


    11 years ago

    It’s difficult to explain my problem, but here it is:

    http://www.seventhplumbob.co.uk

    I have it set to “one column, no sidebar” and hoped it would fill the entire width of the page, but there is a gap on either side. I basically want it to nearly go up to either side. Probably 20px padding on either side?

    Thanks in advance.

    P.S. I don’t know all about code, so please tell me what files I’m editing (I assume CSS, but I don’t know).

Viewing 10 replies - 1 through 10 (of 10 total)
  • esmi

    (@esmi)

    11 years ago

    It is a CSS issue. Try using Firefox with the Firebug add-on for this kind of CSS troubleshooting. Or use whatever developer tool is available in your web browser.

    Incidentally, you do not appear to be using child themes correctly. a child theme should never have a full copy of the parent’s CSS in it’s style.css file – only the changes/customisations.

    Thread Starter thesimling

    (@thesimling)

    11 years ago

    I am already trying with Google Chrome’s Inspect Element feature but I just can’t seem to pinpoint what to change, although it lets me preview *shrug*

    esmi

    (@esmi)

    11 years ago

    I’d suggest you try Firebug + Firefox.

    Thread Starter thesimling

    (@thesimling)

    11 years ago

    Tried that too, they’re exactly the same and, therefore, lead me no closer to an answer.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    11 years ago

    I found the culprit CSS through Chrome’s developer tool [screenshot].
    You need to override that.

    Michael

    (@alchymyth)

    11 years ago

    as your site is based on Twenty Ten, this ‘problem’ has been asked and answered several times before in this forum; please thoroughly use the forum search.

    esmi

    (@esmi)

    11 years ago

    Actually Firebug is about 10x more powerful than the developer tool in Chrome. I’m sorry but it is really beyond the scope of these forums to deal with general CSS issues. If you’re having these kinds of general CSS issues, try a dedicated CSS resource such as http://www.css-discuss.org/ instead.

    Thread Starter thesimling

    (@thesimling)

    11 years ago

    @esmi – This is a TwentyTen WordPress theme, and I really don’t find it that general.

    @alchy – I tried. If you found something, would you be so kind as to link it?

    @andre – Thank you SO MUCH for making some progress… do you have a tutorial to teach me how to override it, or something like that?

    esmi

    (@esmi)

    11 years ago

    This is a TwentyTen WordPress theme

    Actually, it isn’t. It’s a custom theme based on Twenty Ten. As I said, you are not actually implementing child themes correctly. Therefore this is – in effect – a custom theme. Try using Firefox with the Firebug add-on for this kind of CSS troubleshooting. Or use whatever developer tool is available in your web browser.

    Thread Starter thesimling

    (@thesimling)

    11 years ago

    Well, I managed to figure out, so, for future reference and an easy, simple way to fix this issue: http://wpmu.org/create-a-full-width-page-for-wordpress-in-5-simple-steps/

    It’s very simple.

    I hope this post will help someone in the future.

    EDIT: @esmi, as I said, I had already tried but couldn’t figure out the source of the problem. I’d already tried. And when I went into Firebug? It was in no way more helpful than the developer tool I’d already used.

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘How do you make a page wider?’ is closed to new replies.