• Creator
    Topic
  • September 9, 2014 at 6:40 pm #12814

    Justo Diaz
    Spectator

    I like the footers you use on the demos, but Evolve comes with a white footer. How do I create a dark footer as in your demos. The header and footer are linked in the Appearance>theme options>Styling>Header Footer Color, so if I choose a dark footer, then I’m forced to have a dark header. How do I separate the two? Thanks in advance

  • Creator
    Topic
Viewing 3 replies - 1 through 3 (of 3 total)
Replies
  • Alok Maheshwari
    Spectator
    September 9, 2014 at 10:26 pm
    Post count: 303
    #12819 |

    You can apply custom css rule to change the color.  A simple example is given below.

     

    .footer {
    background-color:grey;
    }

    Justo Diaz
    Spectator
    September 10, 2014 at 2:06 am
    Post count: 2
    #12821 |

    Thank you so much Alok, that worked well. I totally appreciate it. One more thing, what code do I use to change the font and link colors, thanks again…

    Alok Maheshwari
    Spectator
    September 10, 2014 at 9:17 pm
    Post count: 303
    #12840 |

    It really depends what is there in the footer. You should install web developer toolbar firefox addon and use “Information -> Display Element Information” to get the class/id of the elements which needs to get the css applied.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘how do I create a dark footer’ is closed to new replies.