Docs

[Jayd K]

Hi there,

I was wondering if you could help me?
I am trying to change the hover colours of the social media icons in the header and footer.
After trying lots of different answers in the forum with suggested customizer code, sadly none of them work for me.
My client would like them all to hover with an orange background, but to keep the foreground colours white as they are.
At the moment, all 4 icons I have are programmed to be a different colour when you hover over them by default, but he’d like them to all be orange when on hover.

Any help greatly appreciated.

http://www.simplysignspreview.com/gardeningsquad

[Darshana]

Hi there,

Thanks for writing in! You can add this under Custom > CSS in the Customizer.

.x-social-global a:hover {
    background-color: #ffa500 !important;
}

Hope that helps.

[Jayd K]

Hi there – amazing! That’s done the trick, thanks so much!

[Friech]

You’re more than welcome, glad we could help.

Cheers!

[Jayd K]

I also wondered how I could get two images to sit side by side on mobile, instead of stacked one on top of the other?

[Friech]

Hi There,

Please add this on your custom CSS.

@media (max-width: 767px) {
	.home #x-section-1 .x-column.x-sm {
	    float: left;
	    width: 48%;
	    margin-right: 4%;
	}
	.home #x-section-1 .x-column.x-sm:nth-child(2n) {	
    	margin-right: 0;
	}
}

Hope it helps, Cheers!

[Jayd K]

Hi there,

Thanks for writing back to me. Sadly with this code added, the images disappear on mobile?
Any help much appreciate.

[Darshana]

Hi there,

It seems that you have added a code to hide your topbar. Please check for a similar code.

.x-topbar {
    display: none;
}

Hope that helps.

[Author]

Posts