Change Blog Header Background
doug raught
I'm using the Investa joomla 4 template. I need to edit the dark brown background header of the Blog pages. I have tried to find where to do this. I've deleted all categories, articles, and have started from scratch. However, ultimately the blog header background appears.
I checked the Investa Documentation and there is no reference as to how to change this. I wish 'they' would give full disclosure for all elements in their documentation. Unfortunately, I am not able to figure it out. Any help would be appreciated.
Thanks!
ps. if you need to see it on my site, go to www.kidzark.com/temp and then follow 'My Two Cents' link at the top menu.
Rashida Rahman
Accepted AnswerHi there!
Thanks for contacting us.
This page doesn't have any background: https://prnt.sc/w5TstmBMGiim
Did you mean single article page? https://prnt.sc/zRUAT4Jqaseg
Kindly give me a screenshot indicating that. Moreover this is not dark brown background though.
Best Regards
doug raught
Accepted AnswerHi, thanks for responding.
Yes, you're right. I poked around a bit to see what I could find and I now see that I get the same result (dark background header) even if I just link to an article.
Is there any way to edit or manage the background? Whether it is via image or html or CSS? The background is very dark and ominous looking--it is the wrong look for the website.
Thanks. https://kidzark.com/temp/index.php/my-two-cents/my-first-article
Rashida Rahman
Accepted AnswerThanks for confirming.
Please use the following code in your custom CSS:
.com-content.view-article #sp-main-body .article-details-intro {
background-image: none;
background-color: unset;
}As your article title and info text has a white color right now, so you will need to change the text colors as well. Hence using the following code should help too:
.article-details .article-header h1, .article-details .article-header h2, .com-content.view-article #sp-main-body .article-info>span a, .article-details .article-info{
color: black;
}Here is all about custom code placements: https://www.joomshaper.com/documentation/helix-framework/custom-code-css-js-meta
Best Regards