Footer styling questions

[logoglo]

Hi

SIEMonster | Affordable Security Monitoring Software Solution

A couple of questions.

How do I change the social icon hover color?

How do I increase the space between the icons and the menu below it?

How do I change the color of the menu hover?

Thanks.

[jade]

Hi there,

@logoglo

How do I change the social icon hover color?

Please add this code to the Global CSS:

.x-social-global a:hover.facebook {
    background-color: #3b5998;
}

.x-social-global a:hover.twitter {
    background-color: #00abf0;
}

.x-social-global a:hover.vimeo {
    background-color: #44bbff;
}

@logoglo

How do I increase the space between the icons and the menu below it?

.x-colophon.bottom .x-nav {
    margin-top: 30px;
}

@logoglo

How do I change the color of the menu hover?

.x-colophon.bottom .x-nav li a:hover {
    opacity: 1;
    color: #efefef;
}

Please note that since this is modifying the default display of the theme, it requires some customization which goes beyond the scope of our support. If you are not comfortable making further changes and if you require more customization on your site, it would be best to get in touch with a developer.

Here are some reference links related to the suggestions above:

• CSS Introduction - https://www.w3schools.com/css/css_intro.asp
• How to get CSS Selectors using Chrome - https://stackoverflow.com/questions/4500572/how-can-i-get-the-css-selector-in-chrome

Hope this helps.

[logoglo]

Thanks, worked perfectly!

[Prasant]

You are most welcome.