Home Forums Exoplanet Pro Any way to align item in the footer widget areas horizontally?

Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1445
    benjischaub
    Participant

    The title says it all…. 🙂

    Thx, Benji

     

    #1447
    Yazmin
    Keymaster

    Ha! 🙂 You say the title says all but not too sure exactly what you mean.

    If it is what I think it might be, try this Additional CSS:

    .footer {
        width: 30.33333%;
    }
    
    .footer.footer2 {
        text-align: center;
    }
    
    .footer.footer3 {
        text-align: right;
    }
    #1448
    benjischaub
    Participant

    hi Yazmin!

    Thanks for your quick answer, and sorry for my unclear question after all…

    What CSS code would it take to center the content of a single footer area? And of all the footer areas?

    And I would likely adjust the settings for the whole site like this, where would I be putting the code?

    thanks!

    Benji

    #1449
    Yazmin
    Keymaster

    OK so the 4 footer columns.

    for each column use this CSS

    .footer.footer1 {
        text-align: center;
    }

    change the 1 for either 2, 3 or 4 as appropriate.

    or if you want all columns center aligned it would be

    .footer {
        text-align: center;
    }

    but note that if you are using a plugin to generate content within the footer area, the plugin may have its own CSS styles which could determine the text alignment for the plugin content. If that is the case you would need to find the appropriate CSS class or ID for that plugin.

    • This reply was modified 7 years, 7 months ago by Yazmin.
    #1451
    benjischaub
    Participant

    Super, I’ll try it right away!
    Cheers,
    Benji

    #1452
    benjischaub
    Participant

    Worked like a charm!

    Thx,

    Benji

    • This reply was modified 7 years, 7 months ago by benjischaub.
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Any way to align item in the footer widget areas horizontally?’ is closed to new replies.