Docs

[powrider686]

Hey there,
On my site, aspendigger.wpengine.com, user: demo pass: aspendigger, I need some help to change the hamburger colors. I’d like the background to be white and the line color to be rgb(240, 184, 35).

How might I achieve that?

Thanks for the help!

Marcus

[Prasant Rai]

Hello Marcus,

Thanks for writing in!

You can add this under Custom > CSS in the Customizer:

.x-btn-navbar:hover {
    color: #f0b823;
}

.x-btn-navbar.collapsed:hover {
    color: #f0b823;
}

Thanks.

[powrider686]

Great thanks!

On the same site, I can’t get the text color in the footer to change. How might I be able to control that, both for normal and when you hover. Also how would I control the color of the social icons in the footer?

Thanks for the help!

Marcus

[Darshana]

Hi there,

You can add this under Custom > CSS in the Customizer.

.x-colophon.bottom .x-nav li a {
    color: #ffffff;
}

.x-colophon.bottom .x-nav li a:hover {
    color: #b1b1b1;
}

.x-colophon.bottom .x-colophon-content {
    color: #ff8484;
}

.x-colophon.bottom .x-colophon-content a {
    color: #b8b8b8;
}

.x-colophon.bottom .x-colophon-content a:hover {
    color: #eeeeee;
}

Add the social icons also, so that we can assist you with a CSS workaround for that.

Thanks!

[powrider686]

Ok that worked, thank you!

I still can’t get the black hover to go away on the Blend Web Marketing link.

Here’s the css I have in the customizer. /*
// Buttons
*/

.x-btn {
font-weight: 700;
}

.x-btn.x-btn-alt,
.button.x-btn-alt,[type=\”submit\”].x-btn-alt {
border-color: #02aed6;
background-color: #02aed6;
box-shadow: 0 0.25em 0 0 #0b8ead, 0 4px 9px rgba(0, 0, 0, 0.75);
}

.x-btn.x-btn-alt:hover,
.button.x-btn-alt:hover,[type=\”submit\”].x-btn-alt:hover {
border-color: #0b8ead;
background-color: #0b8ead;
box-shadow: 0 0.25em 0 0 #097690, 0 4px 9px rgba(0, 0, 0, 0.75);
}

/*
// Dropcap
*/

.x-dropcap {
background-color: #02aed6;
}

/*
// Headings – Dark section
*/

.dark-section h1,
.dark-section h2,
.dark-section h3,
.dark-section h4,
.dark-section h5,
.dark-section h6,
.dark-section h1 a,
.dark-section h2 a,
.dark-section h3 a,
.dark-section h4 a,
.dark-section h5 a,
.dark-section h6 a {
color: #fff;
}

.dark-section h1 a:hover,
.dark-section h2 a:hover,
.dark-section h3 a:hover,
.dark-section h4 a:hover,
.dark-section h5 a:hover,
.dark-section h6 a:hover {
color: #fff;
opacity: 0.65;
}

/*
// Sidebar
*/

.widget a {
color: #02aed6;
}

/*
// Contact Form 7
*/

.wpcf7-form {
margin: 0;
}
.x-colophon.bottom {
background-color: #2d2727;
}

.widget {
margin: 0 auto; display: block; text-align: center; }
.h-widget {
color: #000000;
}
.x-colophon-content {
padding-top: 12px;
}
.x-btn-navbar {color: #f0b823;}
.x-btn-navbar.collapsed {color: #f0b823;}
.x-btn-navbar:hover {
color: #f0b823;
}

.x-btn-navbar.collapsed:hover {
color: #f0b823;
}

.x-colophon.bottom .x-nav li a {
color: #ffffff;
}

.x-colophon.bottom .x-nav li a:hover {
color: #F0B823;
}

.x-colophon.bottom .x-colophon-content {
color: #ff8484;
}

.x-colophon.bottom .x-colophon-content a {
color: #F0B823;
}

How can I get that Black hover to change colors to another?

No social icons yet, will update when I have.

Thanks for the help!

[Friech]

Hi There,

I don’t see the hover color of the BLEND WEB MARKETING link as black. I am seeing it as #F0B823; same color as normal state.

http://prnt.sc/e8ia1l

It could be your browser’s cache, please clear.

Thanks.

[Author]

Posts