Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • August 11, 2014 at 12:19 pm #302510
    MediaKris

    Hello

    I got a question, and it is:

    Is it possible to change the background color on each Footer Columns? Lets say, i have 4 columns, and i would like them to be 4 different colors?

    Can you help me with the right CSS code for this action?

    I provided a picture, to illustrate what i mean:
    http://www.funtasialegeland.dk/this.jpg

    Please help! :-)

    August 11, 2014 at 12:24 pm #302514
    Yigit

    Hi MediaKris!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed

    #footer .flex_column:nth-child(1) {
background-color: red;
padding: 10px;
}
#footer .flex_column:nth-child(2) {
background-color: orange;
padding: 10px;
}
#footer .flex_column:nth-child(3) {
background-color: green;
padding: 10px;
}
#footer .flex_column:nth-child(4) {
background-color: blue;
padding: 10px;
}

    Cheers!
    Yigit

    August 11, 2014 at 1:04 pm #302550
    MediaKris

    It worked! Perfect

    I just got another problem:
    http://www.funtasialegeland.dk/line.png

      The title text dosn’t align to the top of the box
      And is it possible to reduce the space between each of the boxes, so there is like 10px between each one?

    – Thanks :-)

    August 11, 2014 at 1:08 pm #302553
    Yigit

    Hi!

    Can you please post the link to your website so we can inspect elements on it to provide you more accurate custom CSS code?

    Cheers!
    Yigit

    August 11, 2014 at 1:21 pm #302567
    MediaKris
    This reply has been marked as private.
    August 11, 2014 at 4:18 pm #302690
    Günter

    Hey!

    Thank you for coming back.

    The link only leads to a “under construction” page. We would need an admin login and the link to the page, where the problem occurs.

    Cheers!
    Günter

    August 11, 2014 at 4:56 pm #302718
    MediaKris
    This reply has been marked as private.
    August 13, 2014 at 3:02 am #303536
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    #footer .flex_column section {
    margin-top: 0 !important;
}

    Cheers! 
    Josue

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