Customize footer - by miximals - on WordPress WooCommerce support

3 replies2 participantsUpdated by Jack Richardson

  • Avatar: miximals
    miximals
    Participant

    A couple of issues while customizing the footer:

    I am able to change the background color of most of the footer in the theme editor area but not the small section at the very bottom. It’s black and I’d like to change it to another color: http://www.miximals.com

    I’d like to remove the black line in the footer area that acts as a divider between the first 4 blocks and the last 4 blocks but can’t figure out how to do that? I only need 4 blocks and found the only way to get rid of default content was to create a blank “text” area in each of the widget sections.

    I’d like to change the footer font color and links and it’s not clear to me where to do that? I don’t see a place to change footer fonts in theme options/typography.

    Look forward to your help!

    Kimberly

    #125036 Copied

    3 Answers

    Avatar: Jack Richardson
    Jack Richardson
    Support staff

    Hello,

    Try to add the following css code in custom.css:

    .footer-black-bg {
    background-color: #cccccc;
}

.footer-hr {
    display: none;
}

    As for footer font color please show us on a screenshot in which blocks you want to change it.

    Best regards,
    Jack Richardson.

    #125215 Copied
    Avatar: miximals
    miximals
    Participant

    That worked — thank you Jack!

    Here’s a link referencing what I would like to be able to change in the footer. I underlined things in red and added a few additional notes for reference.

    http://www.miximals.com/wp-content/uploads/2016/05/miximals_fonts_css.jpg

    Thanks,
    Kimberly

    #125315 Copied
    Avatar: Jack Richardson
    Jack Richardson
    Support staff

    Hello,

    Use this css code in custom.css:

    /* Footer widget title text color */
.footer_title {
    color: #000000;
}

/* Footer links color */
.tweets1 a {
    color: #000000;
}

.tweets1 a:hover {
    color: #ff6600;
}

/* Instagram widget text color */
.sb_instagram_header h3, .sb_instagram_header p {
    color: #000000 !important;
}

/* Footer search button */
.footer_block.tweets-block input[type="submit"] {
    padding: 0 10px !important;
    background-color: #ff6600;
    color: white;
}

.footer_block.tweets-block input[type="submit"]:hover {
    background-color: #ff9900;
}

/* Footer copyright */
.footer-copyright .copyright {
    color: #000000 !important;
}

    Set values to your needs.

    Best regards,
    Jack Richardson.

    #125406 Copied

Want to reply? Log in, or register with your ThemeForest purchase code, to reply to this topic.

Login / Register