Five Theme Sidebar background color change

I am converting a V5 website to V7 version, using the FIVE theme and want the sidebar to stand out with a different background color. Does anyone here have custom CSS code for that? I am still in trial mode so I do not have an official URL yet. But the old one can be used to see what I am looking for on the V5 version with a darker gray sidebar. V7 Five theme doesn't have a way to do it via the dashboard.

Also would like to have the drop down menu a different color as well.

You mean each page will have a different background color or each dropdown will have a different background color

And what is your site url?

All pages have the same sidebar. We what the sidebar to have a different background color than the main body so it will stand out. As seen in attachment. V5 has a color, V7 doesn't have a color.

Different issue is the rollover state of the menu. The V5 version of the site had a nice orange square on the tab area as seen in attachment. But the V7 theme doesn't seem to have that option.

I cannot give you the PRIVATE site URL as it is still in trial state until we get the site running solid and roll it over from V5 to V7 for good.

On 8/26/2023 at 2:23 AM, TonyGoedde said:

All pages have the same sidebar. We what the sidebar to have a different background color than the main body so it will stand out. As seen in attachment. V5 has a color, V7 doesn't have a color.

Different issue is the rollover state of the menu. The V5 version of the site had a nice orange square on the tab area as seen in attachment. But the V7 theme doesn't seem to have that option.

I cannot give you the PRIVATE site URL as it is still in trial state until we get the site running solid and roll it over from V5 to V7 for good.

With private/trial site, just follow this to know share url

Why is it so difficult to get a simple CSS fix to change the sidebar and header area background colors to make them stand out better? I do not know what the sidebar is named to experiment with CSS. Please get me the custom code that will change the sidebar background/container color and the title block color on each page as well. See previous screen captures to see where/what I mean.

Each template has a different structure, so we can't help without checking site url

The site is still in TRIAL mode. I can't give access to just anyone. As you know, we have to keep the admin private and secure. The theme is a standard FIVE theme. Nothing has been done to it. You should be able to open a basic FIVE template page with a sidebar, and be able to change the background color. There is not a Advanced CSS section for the sidebar area that I can find. So, I can't create any CSS code for that area not knowing what it is named/tagged. Same with the header areas. I want each page header to have a slightly darker gray box behind the text to make it stand out as well, but again, do not know how to do that. I don't see anywhere on the template where I can add advanced CSS. Is there an area to do that? If we upgrade to a V7.1 hosting, is there more options to get to what we are looking for in these areas?

You can read my guide carefully, it is site access password, not account login password