Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • April 7, 2015 at 4:11 pm #424777
    SolingLover

    I have a footer with two columns and I have placed a logo in the first one and set this to range left. Now I would like to position a block of text in the second footer much nearer to the first column – I don’t want the first column to be taking up 50% of the width. How can I alter the widths of the footer columns in Quick CSS ?
    Thanks

    April 7, 2015 at 4:16 pm #424783
    Yigit

    Hi SolingLover!

    Can you please post the link to your website and a screenshot showing the changes you would like to make?

    Cheers!
    Yigit

    April 7, 2015 at 4:19 pm #424784
    SolingLover
    This reply has been marked as private.
    April 7, 2015 at 4:48 pm #424814
    Yigit

    Hey!

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

    #footer .flex_column:nth-child(2) {
  width: 80%;
}
#footer .flex_column:nth-child(1) {
  width: 14%;
}

    Regards,
    Yigit

    April 7, 2015 at 8:18 pm #424918
    SolingLover

    That works ! Thanks very much. The thing I find very difficult sometimes is identifying the specific div in the layout in order to have a go changing it.
    Excellent support !!

    April 7, 2015 at 8:42 pm #424928
    Yigit

    Hi!

    You can refer to this tutorial to learn how to use nth-child selector – https://css-tricks.com/how-nth-child-works/

    Best regards,
    Yigit

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.