Tagged: ,

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • April 29, 2016 at 10:10 am #624191
    500Webmaster

    Hi,

    We have 2 columns set for our footer. In the second column, we have placed a social media widget.

    What Quick CSS can we use to align both footers either to centre alignment or right alignment (we haven’t decided which we’d prefer yet)?

    As you can see in the attached snapshot, both columns are left aligned by default, which is what we’d like to change.

    Thanks

    • This topic was modified 8 years, 6 months ago by 500Webmaster.
    April 29, 2016 at 12:37 pm #624333
    Vinay

    Hi 500Webmaster!

    Please share the link to the page where we can inspect the element in question and help you resolve it :)

    Regards,
    Vinay

    May 2, 2016 at 10:00 am #625582
    500Webmaster

    Sure

    May 2, 2016 at 10:25 am #625603
    Yigit

    Hey!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    #footer #yasip-2 {
    float: right;
}

    Best regards,
    Yigit

    May 2, 2016 at 10:36 am #625611
    500Webmaster

    Hi Yigit,

    That works for the second column, not the first? We’d like both columns to be changed.

    Thanks

    May 2, 2016 at 10:40 am #625613
    Yigit

    Hi!

    Please change the code to following one 

    #footer .flex_column {
    float: right;
}

    Best regards,
    Yigit

    May 2, 2016 at 10:48 am #625619
    500Webmaster

    Hi Yigit,

    For some reason that flips the content and puts content from the first column into the second and vice versa.

    May 2, 2016 at 10:52 am #625625
    Yigit

    Hey!

    Please use following code instead

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

    Cheers!
    Yigit

    May 2, 2016 at 11:19 am #625641
    500Webmaster

    Thanks Yigit, that works!

    Just for interest sake, I tried changing the code for center alignment:

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

    – but again only one column was affected. Is there a way to fix this?

    Thanks

    May 2, 2016 at 11:22 am #625643
    Yigit

    Hey!

    Please add following code to Quick CSS instead

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

    Regards,
    Yigit

    May 2, 2016 at 11:32 am #625655
    500Webmaster

    Perfect, thank you!

    May 2, 2016 at 11:38 am #625660
    Yigit

    Hi!

    You are welcome!
    Let us know if you have any other questions or issues :)

    Regards,
    Yigit

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Footer Column Alignment’ is closed to new replies.