New Landing › How can we help? › Themeforest Theme Support › Flexform › How to add a background color to a single column footer

Viewing 15 posts - 1 through 15 (of 20 total)
1 2
  • Back to forum
    Posted in: Flexform
  • June 28, 2014 at 1:39 pm #86697
    blaouchez
    Member
    Post count: 448

    How to add a background color to a single column footer (via css)?

    Exemple : http://www.descente.com

    June 28, 2014 at 2:22 pm #86698
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please use this custom css code :
    div.info-footer{background:#fff !important}
    Hope that should work and let me know your feedback.
    Thanks

    June 28, 2014 at 9:18 pm #86735
    blaouchez
    Member
    Post count: 448

    It don’t work

    June 29, 2014 at 10:53 am #86757
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please put this css code at Admin -> Theme Options -> Custom CSS. Hope that work and let me know your feedback.
    Thanks

    June 29, 2014 at 1:17 pm #86758
    blaouchez
    Member
    Post count: 448

    Hello there,
    it still does not work.
    And how to apply a style only to a column?
    Thanks

    June 29, 2014 at 4:08 pm #86777
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Hi

    I would need to see your link to provide you with the correct CSS

    – Kyle

    June 29, 2014 at 5:25 pm #86792
    blaouchez
    Member
    Post count: 448

    Link test : http://cluster007.ovh.net/~montourckh/

    div.info-footer{
	background-color: #F00;
}
    June 29, 2014 at 6:27 pm #86810
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Hi

    It doesn’t look too good when adding a background to the columns, as you can see if you add this to your custom css:

    #footer-widgets > .span3:first-child {
  background-color: #efefef;
}

    – Kyle

    June 30, 2014 at 12:40 am #86848
    blaouchez
    Member
    Post count: 448

    Kyle thank you, it works but not on the total height of the footer.

    Otherwise, it’s ok for column 1 but how to modify the other columns?

    The ideal example : http://www.descente.com

    June 30, 2014 at 6:09 am #86893
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please use this css code selector for 2,3,4 column repectively:

    #footer-widgets > .span3:nth-child(2) { background-color: #ffffff;} 
#footer-widgets > .span3:nth-child(3) { background-color: #ffffff;}
#footer-widgets > .span3:nth-child(4) { background-color: #5777AB;}
/*FUll HEIGHT*/
#footer{padding:0px  !important}

    Hope that should help your
    Thanks 🙂
    With Best Regards
    Swift Ideas

    June 30, 2014 at 9:43 am #86948
    blaouchez
    Member
    Post count: 448

    This is great, thank you!!! And just one last question on this footer:
    how to remove space between columns?

    June 30, 2014 at 9:57 am #86955
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Hi

    Add this:

    @media only screen and (min-width: 768px) { 
.span3 {
  width: 25%;
  margin: 0;
}
}

    – Kyle

    June 30, 2014 at 12:32 pm #86992
    blaouchez
    Member
    Post count: 448

    Column 1 of the footer is not justified on the text to the left.
    It’s ok for right justification

    June 30, 2014 at 12:58 pm #87000
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    If you loo, you will see it’s lined up with the logo. It’s your page content which has the indent

    – Kyle

    June 30, 2014 at 1:44 pm #87013
    blaouchez
    Member
    Post count: 448

    Ok but if I center the page in my browser, there is extra space to the right indicating a gap

    I have not applied for withdrawal to my text

    How to align log + text + footer?

  • Back to forum
    Posted in: Flexform
Viewing 15 posts - 1 through 15 (of 20 total)
1 2

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register