Modern Portfolio – Center Footer Copyright

Community Forums Forums Design Tips and Tricks Modern Portfolio – Center Footer Copyright

This topic is: not resolved

This topic contains 2 replies, has 2 voices, and was last updated by  Mack 11 months ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #75759

    Mack
    Participant
    Post count: 31

    How can I center the Copyright in the footer? http://mbbdev.com/mhtest02/
    It uses the same css as the Portfolio widget:

    .footer-widgets-1, .footer-widgets-2, .sidebar-content #sidebar, #blog .featuredpost .post:nth-of-type(3n+1), #blog .featuredpost .post:nth-of-type(3n+2), #content, #content-sidebar-wrap, #footer .gototop, #portfolio .featuredpost .post:nth-of-type(3n+1), #portfolio .featuredpost .post:nth-of-type(3n+2), #sidebar-alt, #title-area {
    float: left;
    }
    .footer-widgets-3, .sidebar, .sidebar-content #content, #blog .featuredpost .post:nth-of-type(3n), #footer .creds, #header .widget-area, #portfolio .featuredpost .post:nth-of-type(3n) {
    float: right;
    }

    Thank you in advance for your assistance.

    http://mbbdev.com/mhtest02/
    #75816

    nutsandbolts
    Moderator
    Post count: 3173

    Remove this:

    .footer-widgets-3, 
    .sidebar,
    .sidebar-content #content, #blog .featuredpost .post:nth-of-type(3n), 
    #footer .creds, 
    #header .widget-area, 
    #portfolio .featuredpost .post:nth-of-type(3n) {
    float: right;
    }

    and replace it with this:

    .footer-widgets-3, 
    .sidebar,
    .sidebar-content #content, #blog .featuredpost .post:nth-of-type(3n), 
    #header .widget-area, 
    #portfolio .featuredpost .post:nth-of-type(3n) {
    float: right;
    }

    Then find this:

    #footer .creds {
    text-align: right;
    }

    and change it to this:

    #footer .creds {
    text-align: center;
    }

    That should center your footer credits while leaving everything else floating right. Let me know if that doesn’t work!


    Andrea Whitmer, Owner, Nuts and Bolts Media
    I provide dev and training services for web designers • Find me on Twitter and Google+

    #75885

    Mack
    Participant
    Post count: 31

    If I make the changes in the child Themes Modern Portfolio, the change does not take effect.

    If I add the new code to JetPack Appearance –> edit css, the change works.

    Very odd.

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

You must be logged in to reply to this topic.