Return to previous page

Customize footer - by miximals - on WordPress WooCommerce support

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

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

#125036 Copied

3 Answers
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.
#125215 Copied
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

#125315 Copied
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.
#125406 Copied
Viewing 4 results - 1 through 4 (of 4 total)