Change background&letter color

Hi there,

Out of box our theme doesn’t provide you the option to manipulate the background color and letter color, but it can be achieved by adding custom CSS.

Please let me know the where you want to implement it and do provide your site URL it will be helpful in the process of providing you the solution.

Thanks and Regards,
Milan.

Hi Milan,
Thank you for your answer and for the facilitation of my request.

My site URL is https://www.peruautentico.com/

I would like to change all the background color of the home page, that now is in white, to the same grey as the header (when the header is not transparent). Likewise, all the texts in black, I’d like to be changed to white.
Thanks a lot!
Andres

Hi there,

As per your request I was tinkering and crafting the changes, but in my honest opinion, the changes you request doesn’t output good design. We’ve invested lots of time and effort to choose the color for the theme so I believe the existing color combination looks better. But if you still insist on have those changes I’ll be more than happy to provide you the solution.

Thanks and Regards,
Milan.

Thanks a lot for your answer Milan.
If you don’t mind, I would like to test how it looks like with the changes I menctioned, and then decide if I keep the original background&letters color design, or not. I want to transmit a singular&intimate trait realted to my proposal, and I think a black background/white letters, match better with that intention.
Thans again!
Andres

Hi there,

Please add the following CSS:

body {
    background-color: #333;
}

h2 {
    color: #fff;
}

.sub-title {
    color: #fff;
}

.about-title a, .service-title a{
    color: #fff;
}

.about-content p, .service-content p, .contact-content p {
    color:#fff;
}

.no-bg-image {
    outline: 1px solid #fff;
    background-color: #333 !important;
    
}

form p {
    color: #fff;
}

Help link?https://docs.themegrill.com/knowledgebase/where-do-i-add-my-custom-css/.

Hope I was helpful and please resolve the topic so that it will be helpful for other user in future.

Thanks and Regards,

Milan

Thanks a lot Milan,
It works perfect, except for the TG:Featured Posts Widget, where the posts’s backgroung&letters, remain white&black respectively. Is it possible to solve it, please?
Thanks again!
Andres

Hi @andresrmp,

Please add the following CSS.

.tg-column-wrapper .blog-block {
    background-color: #333;
    color: #fff;
    border: 1px solid white;
}

.tg-column-wrapper .blog-title a {
    color: #fff;
}

Thanks and Regards,
Milan.

Hi Milan,
It works perfect.
Thanks a lot for all!
Best regards,
Andres