Docs

[VelocityWeb]

I have altered the customizer CSS code below to change the red to color: #a9a9aa, but it didnt do the trick:

}
.x-colophon.bottom a { color: #a9a9aa !important; } /* bottom footer link color */
.x-colophon.bottom a:hover { color: #a9a9aa; } /* bottom footer link hover color */
.x-colophon.bottom { background-color: #3A3636; } /* bottom footer background */
.x-colophon.top { background-color: green; } /* top footer background */
.x-colophon.top a { color: maroon; } /* top footer link color */
.x-colophon.top a:hover { color: maroon; } /* top footer link hover color */
}

[VelocityWeb]

sorry url is http://www.2ginteriors.co.nz/

[Thai]

Hey There,

There are some syntax errors in your custom CSS.

Please replace your current CSS with this:

html.x-smooth-scroll {
overflow-x: hidden !important;
overflow-y: auto !important;
}

html.x-smooth-scroll .nicescroll-rails {
display: none !important;
}

h1, .h1 { font-size: 35px !important; }
h2, .h2 { font-size: 20px !important; }
h3, .h3 { font-size: 18px !important; }
h4, .h4 { font-size: 16px !important; }

.x-counter .number {
font-size: 52px;
line-height: 1;
}

.x-counter .text-above {
font-size: 15px;
line-height: 1.5;
}

.x-counter .text-below {
font-size: 15px;
line-height: 1.5;
}

.x-counter .suffix {
font-size: 52px;
line-height: 1.5;
}

.x-colophon ul.vcard li,
.x-colophon .textwidget {
color: 3c3d38;
}
.x-colophon.bottom a { color: #a9a9aa !important; } /* bottom footer link color */ 
.x-colophon.bottom a:hover { color: #a9a9aa; } /* bottom footer link hover color */ 
.x-colophon.bottom { background-color: #3A3636; } /* bottom footer background */ 
.x-colophon.top { background-color: green; } /* top footer background */ 
.x-colophon.top a { color: maroon; } /* top footer link color */ 
.x-colophon.top a:hover { color: maroon; } /* top footer link hover color */

.x-colophon.bottom .x-nav li a, /* footer menu */
.x-colophon.bottom .x-social-global a i, /* social icons */
.x-colophon.bottom .x-colophon-content a { /* content links */
color: #a9a9aa;
}

.x-colophon-content { color: #a9a9aa; }
.x-colophon.bottom, .x-colophon.top {
font-size: 1.0rem;
}

.x-social-global i {
font-size: 28px;
}

Hope it helps.

[VelocityWeb]

Wicked! Yes, that did the trick.

[Christian]

Glad we could help. 🙂

[Author]

Posts