Grow your CSS skills. Land your dream job.

WordPress Footer Links/ Sticky Footer?

  • # January 29, 2013 at 1:22 pm

    Hello all,

    I am having a bit of an issue with my wordpress site. I run a theme called Big Feature, and one of the widgets is called “Footer Links”, try as I might, I am struggling to change the footer font size.

    I have been looking into a number of things, and I would like to create a custom footer, to enable me to have various different columns/ links from it etc..

    My website is http://www.summitretreats.com, and the bit im concerned with is the area with “our resorts”, “popular pages” etc..

    As you can probably tell by the mannor I explain my problem, web design etc is very new to me, so any answers in laymans terms would be very much appreciated..

    Thanks in advance.

    # January 29, 2013 at 1:24 pm

    What would you like to change about it? What have you tried so far? Are you comfortable with editing your theme’s CSS?

    # January 29, 2013 at 1:46 pm

    I feel it is currently a little cumbersome and too large… Dominates the page a little too much, and looks a little amateurish… I have so far explored the theme settings thoroughly, but to no avail, and tried changing various font size settings in the footer.php and style.php pages in the editor.. (I have managed to change the size of the sidebar which appears on some pages of the site, but not as yet the footer links)..

    The reason I question a sticky footer, and mention a custom built one may work better, is to achieve a look a couple of my competitors have achieved – which can be seen either on http://www.oxfordski.com, or http://www.blueandwhitelocations.com.. The second one, I particularly like the social media bar, but this is perhaps a different thing altogether..

    I am relatively comfortable having a go at changing the themes CSS, if I know how to change it back (and can undo any issues that arise)

    Many thanks again..

    # January 29, 2013 at 2:12 pm

    If you’re comfortable making changes to the CSS, it should be as simple as adding this:

    #footer-widgets .widget_text {
    font-size: 12px;
    }

    # January 29, 2013 at 2:16 pm

    @robinq21,

    > I am relatively comfortable having a go at changing the themes CSS, if I know how to change it back (and can undo any issues that arise)

    I’d say use a [child theme](http://codex.wordpress.org/Child_Themes “”), it’s recommended anyway, since any future updates to the “Big Feature” theme will reset any changes you make anyway..BUT, it also allows you to maintain “Big Feature” without any of your edits, that way, if something goes awry, it’s just a matter of setting the theme back to “Big Feature”

    With that said, I was able to change the font size of your footer with:

    #footer-widgets {
    font-size: .75em;
    }

    but I’m not sure if we’re talking about the same thing

    # January 29, 2013 at 2:33 pm

    OK, thank you, shall try making the changes to the CSS..

    Chris, I have come across child themes a couple of times this afternoon, definately something I shall look into..

    I shall let you know how I get on.. Thanks again

    # January 29, 2013 at 2:47 pm

    Thats done it – looks much better – thanks guys.

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".