Customize footer - by miximals - on WordPress WooCommerce support

This topic has 4 replies, 2 voices, and was last updated 8 years, 7 months ago ago by Jack Richardson

  • Avatar: miximals
    miximals
    Participant
    May 10, 2016 at 21:09

    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

    3 Answers
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    May 11, 2016 at 16:04

    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.

    Avatar: miximals
    miximals
    Participant
    May 11, 2016 at 19:52

    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

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    May 12, 2016 at 08:59

    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.

  • Viewing 4 results - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.