Support » Fixing WordPress » Lengthening pages

  • Hey,
    So, I’m sorry to be clueless at everyone, but I’m designing a website, and a lot of the pages are very short. What I’d quite like to do is edit the theme I’m using so that there’s a bit of space between the bottom of the text on the page, and the copyright bar at the actual bottom of the page, which just shows background.
    Would anyone possibly be able to tell me how to do that?
    Thanks!

Viewing 6 replies - 1 through 6 (of 6 total)
  • You’ll probably get a better response if you post a link to your site. That way, people can take a look at your CSS and suggest additions to it that would give you a default height.

    Note: You’ll need to be using a non-commercial theme to get help with it here; if you’re using a commercial theme, you’ll have to post on the theme developer’s site.

    Thread Starter benjfcarter

    (@benjfcarter)

    Oh, right! Of course. Sorry.
    It’s here:
    update.oulgbtqsoc.org.uk
    I’m sorry it’s so awful.
    And thanks!
    (For convenience, the theme is this one: https://rohitink.com/2015/04/26/freak-multipurpose-theme/ )

    I don’t see a copyright bar. It would probably be best if you could provide a screenshot on what you’re trying to achieve.

    A verbal description explaining what you’d like to be done visually doesn’t translate well.

    Thank you,
    Evan

    Thread Starter benjfcarter

    (@benjfcarter)

    update.oulgbtsoc.org.uk
    It would probably help if I spelt the name of my own website correctly.
    The old site looks like this: http://www.oulgbtsoc.org.uk/welfare/coming-out/
    There’s a nice friendly gap at the bottom, whcih I like. It makes the page look less cluttered.
    By copyright bar, I mean the thing at the bottom saying:
    “Theme Designed by Rohit Tripathi. Website design by Benedict Carter. ©2015 Oxford University LGBTQ+ Society. All Rights Reserved.”
    Is that not there?

    I’m not seeing it in my end. I do see “© Oxford LGBTQ Soc 2013 | Design by Charles BaynhamBaynham Design”, maybe that’s what you’re referring too?

    Hi @benjfcarter

    If you want to add more whitespace above the pink bar, you could customize the CSS this way:

    #content{ padding-bottom:50px;}

    If you wanted to add more space below the pink bar in the dark footer, you can do this:

    #colophon{padding-top: 50px; }

    You can make these edits in your themes main.css file, or, if you are using a child theme or the CSS customizer, you can make them there.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Lengthening pages’ is closed to new replies.