Hi @tomscott1,
Could you please sent the site link so that we can inspect it from our end. Kindly write us with the site link and we’ll get back to you.
With Regards,
ThemeGrill Support Team.
it’s fliegerhorst.dyndns.org. As you can see there pictures around a white box with text and I would like to change the background color of that text box and also the right side menu.
Thank you
Tom
Hi @tomscott1,
We appreciate your writing in,
Can you please try adding this CSS inside WordPress Dashboard > Themes > Customize > Additional CSS and check it once?
1. For changing the white background-color
.tg-container–separate .hentry{
background-color:#9c4e4e;
}
Note: You can change the background color of your desired choice. Kindly replace #9c4e4e with the color code of your choice.
2. For the right side menu, do you mean changing the background color of the menu or only the text color. Please elaborate on the issue and we’ll get into it.
If the provided solution doesn’t work for you please write us and we’ll get back to you.
With Regards,
ThemeGrill Support Team
Hi Barsha,
thak you for our reply. I have inserted your CSS proposal to “Additional CSS” but it would not work, meaning the background color does not changed unfortuately.
For the right side menu I mean also the background color, not the text color.
Thank you very much
Tom
Hi again,
in the last hour I spend dozen of tries to change that color. And as a hint for you these lines is changing the color of the box:
.tg-container--flex .hentry{
background-color: #abcdef;
}
I hope I can help. Now I am trying to change the color of the rght menu.
Best regards
Tom
-
This reply was modified 3 years ago by
tomscott1.
Hi @tomscott1,
Glad to hear that your issue has been solved. Also, we would like to thank you for the update. Please write us back if you encounter any other issues in the future. We will be delighted to help you.
With Regards,
ThemeGrill Support Team
Hello again,
yes, I have solved on my own as follows:
/* Color of container background */
.tg-container--flex .content-area,
.tg-site-sidebar
{
background-color: rgba(72,120,127,0.9);
}
/* make inner container fully opaque */
.tg-container--flex .hentry,
.tg-site-sidebar .widget
{
background-color: rgba(0,0,0,0);
}
The trick is to use the so called “inspector” in the Firefox browser to identify the corresponding classes and its specific area.
But, to be honest, I would like recommend the Zakra team to think about possiblities to adjust basic settings like this in the Zakra customizer.
Best regards
Tom
-
This reply was modified 3 years ago by tomscott1.
-
This reply was modified 3 years ago by tomscott1.
Hi @tomscott1,
Glad to hear that your issue has been solved. Also, we would like to thank you for the update. We’ll refer the suggestion you mentioned above to our developer team and if it’s an essential feature we’ll release it in the upcoming updates.
Also, please write us back if you encounter any other issues in the future. We will be delighted to help you.
With Regards,
ThemeGrill Support Team
