Color Questions
Support Area › Forums › Umami › Color Questions
- This topic has 5 replies, 2 voices, and was last updated 8 years, 4 months ago by Bill Robbins.
-
AuthorPosts
-
November 18, 2015 at 10:49 #33905Rashel FeldmanParticipant
Dear Bill –
I’m working on another website using Umami and find myself stuck on some color issues. Probably because I’m working in white, they are obvious for the first time. Here’s what I’m noticing:
1. It appears that there is a black background that underlays the entire site. Can I get rid of that?
2. Please click on the menu button. It drops down black instead of white which I would have expected. How do I change that to be cohesive?
3. The print on the sidebar widget is white making it virtually impossible to read. Where do I change that color?
4. The footer color. Where is that hidden?I love this theme and every time I use it I am challenged to make it look new and different. Thanks for all of your help!
Rashel
November 18, 2015 at 11:03 #33906Bill RobbinsModeratorHi Rashel,
Good questions. While most of my themes have quite a few color options, Umami doesn’t have built in options for text color and the semi-transparent backgrounds in the sidebar and content areas. That’s mostly due to the customizer not having an option for RGBA colors at this time. Here’s what to do:
- Go to your theme options page and choose the Advanced tab.
- Scroll down to the Custom CSS box and add this:
#sidebar, #content, p.credits, p.credits a, p.credits a:visited { color: #000; } .widget-title { border-color: #000; } #sidebar a, #sidebar a:visited { color: #000; } body { background-color: #fff; } #sidebar .slicknav_nav a { background-color: #fff; color: #1e72be !important; }
- Update your settings.
Change any of those values to fit your needs. Let me know if you run into any trouble.
Glad to hear you’re enjoying theme too 🙂
Take care,
BillNovember 18, 2015 at 11:46 #33907Rashel FeldmanParticipantBill –
All looks good except for one thing: the sidebar menu looks grey, especially with the menu dropped down. I think that there is still one small section of black that we haven’t hit.
Thank you,
Rashel
November 18, 2015 at 13:48 #33910Bill RobbinsModeratorHi Rashel,
It looks like in the Custom CSS, there is some styling to add a background color to the sidebar
#sidebar { background-color: rgba(255, 255, 255, 0.8); }
In the later version of the theme, the sidebar actually doesn’t have a background, instead the semi-transparent background is added via a :before pseudo element on the body tag. Keeping the sidebar content separate from the background makes having it full height always a bit more reliable.
I would take that out and add this in its place:
body::before { background-color: rgba(255, 255, 255, 0.8); }
and see if that won’t let you change the color there like you’re expecting too.
Take care,
BillNovember 18, 2015 at 17:27 #33926Rashel FeldmanParticipantBill –
It is perfect! But you knew that it would be.
Thank you for your help once again,
Rashel
November 18, 2015 at 17:31 #33927Bill RobbinsModeratorHi Rashel,
I’m glad to hear that did the trick for you. 🙂
Have a happy Thanksgiving,
Bill -
AuthorPosts
- The topic ‘Color Questions’ is closed to new replies.