Color Questions

Support Area Forums Umami Color Questions

Viewing 6 posts - 1 through 6 (of 6 total)
URL to the page in question: http://3df.939.myftpupload.com/
  • Author
    Posts
  • #33905
    Rashel FeldmanRashel Feldman
    Participant

    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

    #33906
    Bill Robbins
    Moderator

    Hi 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:

    1. Go to your theme options page and choose the Advanced tab.
    2. 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;
      }
      
      
    3. 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,
    Bill

    #33907
    Rashel FeldmanRashel Feldman
    Participant

    Bill –

    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

    #33910
    Bill Robbins
    Moderator

    Hi 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,
    Bill

    #33926
    Rashel FeldmanRashel Feldman
    Participant

    Bill –

    It is perfect! But you knew that it would be.

    Thank you for your help once again,

    Rashel

    #33927
    Bill Robbins
    Moderator

    Hi Rashel,

    I’m glad to hear that did the trick for you. 🙂

    Have a happy Thanksgiving,
    Bill

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Color Questions’ is closed to new replies.