• Resolved neilwykesphotography

    (@neilwykesphotography)


    I am trying to centre text for the footer on my website, I have tried adding some code but it hasn’t worked. I mangaged to increase the size of the text by adding some code from the forums to the bottom of the theme style sheet, is there something I can do to help here? CSS novice.

    Website is neilwykesphotography.co.uk

    Thanks!

Viewing 9 replies - 1 through 9 (of 9 total)
  • 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.

    I’d first look and see if the theme offered any quick adjustments. Then I’d look into css under footer or you can ‘inspect element’ on your footer text and see what element it is in, and find that in the CSS and edit. Or you could go directly into the footer.php, find the footer tags and the text, and wrap a <center></center> around it.

    <center></center>?? That went out of use years ago when CSS was introduced!

    Still works though when you need it too

    Not as well as CSS. Please don’t encourage people to use old, HTML 3.2(!) markup.

    <center> is deprecated.

    @neil – don’t modify theme files – your changes will be lost when the theme is updated. Since you have JetPack you can use Edit CSS under Appearances.

    So move any code you’ve added to the style.css file to that space. And then try this:

    #footer-widgets #text-2 {
       text-align: center;
       width: 100%;
    }

    Thread Starter neilwykesphotography

    (@neilwykesphotography)

    Thanks @wpyogi, I have done that but now it’s pushed it down to the next line. Any idea how to fix?

    Okay, add this:

    #footer-widgets #cnss_widget-2 {
        float: left;
        width: auto;
    }

    and change the above to:

    #footer-widgets #text-2 {
        float: none;
        text-align: center;
        width: 100%;
    }

    Thread Starter neilwykesphotography

    (@neilwykesphotography)

    @wpyogi perfect! worked a treat! Thank you so much, your help was really appreciated.

    Regards Neil

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Centering text in footer’ is closed to new replies.