how can i make the facebook social icon blue by default? not only on mouse over?

Hey!

To have the color of the social icons always being displayed:

.av-social-link-facebook a {
    color: #fff;
    background-color: #37589b !important;
}

.av-social-link-youtube a {
    color: #fff;
    background-color: #a72b1d !important;
}

To change the footer font-size and color. Adjust the font-size as you wish:

.copyright {
    color: black;
    font-size: 25px;
}

.sub_menu_socket .avia-menu-text {
    color: black;
    font-size: 20px;
}

To hide the color section on mobile:

@media only screen and (max-width: 768px){
#av_section_11 {
    display: none;
}}

Let me know if I skipped over anything or if you need further help.

Cheers!
Jordan

Hey!

Add !important after the line color: #fff so the code should look like this: color: #fff !important;. Add that to the Facebook and Youtube code I gave earlier.

Try the following codes for your other requests:

.social_bookmarks li {
    margin-left: 4px !important;
}

Set the height of the color section in the Advanced Layout editor and remove the padding. If you are still having issues, please provide me with login credentials.

Cheers!
Jordan

Hi!

Could you provide login details to the site to have a closer look. Custom CSS doesn’t seem to be changing anything either.

Best regards,
Jordan