Docs

[[email protected]]

Hello,
I have read several forms and have tried the css for many and I am not getting any change for my footer. I am looking for black text, dark grey hover.

theartefact.com

Thanks

[Joao]

Hi There,

Please add the following code to Appereance > Customizer > Custom > CSS and adjust the color according to your wishes.

.x-social-global a i, .x-colophon.bottom .x-nav li a , .x-colophon.bottom .x-colophon-content p {
    color: black;
}

.x-social-global a i:hover, .x-colophon.bottom .x-nav li a:hover  {
    color: grey;
}

Hope that helps,

Joao

[[email protected]]

I inserted it the Appereance > Customizer > Custom > CSS, but it still had no affect. Is there something else I can try?

Thanks,
Kathy

[Joao]

Hi Kathy,

I have tested the code on my end and it works,

Try to find syntax mistakes on your Appereance > Customizer > Custom > CSS like for example a missing closing }

If you can´t find it, would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thanks

Joao

[[email protected]]

This reply has been marked as private.

[Rue Nel]

Hello There,

It turns out that the code isn’t working because you have an invalid code at the beginning of your custom css. I already updated the code:

.x-colophon.top .widget ul li a,
.x-colophon.top .widget ol li a,
.x-colophon.top .x-comment-time,
.x-colophon.top a {
    color: #000;
}

.x-social-global a i, 
.x-colophon.bottom .x-nav li a,
.x-colophon.bottom .x-nav li:after,
.x-colophon.bottom .x-colophon-content p {
    color: black;
}

.x-social-global a i:hover, 
.x-colophon.bottom .x-nav li a:hover  {
    color: grey;
}

.x-container.max {
     margin-left: 10px;
}

@media screen and (max-width: 481px) {
  .x-post-carousel.unstyled {
    display: none;
  }
}

It best practice that the @media css block will appear at the very end of all your other custom codes.

If you need anything else we can help you with, don’t hesitate to open another thread.

[[email protected]]

Thanks so much, how do I get the above to center?

[Christopher]

Hi there,

Please remove this line of code :

.x-container.max {
     margin-left: 10px;
}

Hope it helps.

[Author]

Posts