Jump to content
Sign in to follow this  
ppsonline

Issue with background color on page

Recommended Posts

ppsonline    0
ppsonline

I am using white font with a dark blue/purple background but the page color fades in at the top making my white font very difficult to read.  Can someone take a quick look and tell me what I am doing wrong?

 

Here is a link:

 

http://pmabellevue.com/our-providers/

 

Thank you for your help.

Andrew

Share this post


Link to post
Share on other sites
Rob    547
Rob

Hi Andrew,

 

It appears that the faded background starts too low on the page. It should be starting to fade higher on the page, so that under the first doctor's name, there's just a hint of color (allowing the black text to still show neatly).  By the time the fade reaches the doctor's biography, it should be dark enough to display the white text.

 

The only problem I'm seeing is that the white text (which is there) simply disappears into the background.  If you don't want to change the background, then you may simply want to wrap the text in the first paragraph or even in that particular doctor's profile in a unique class, then apply some CSS to recolor the text to a dark color. This may be quite beneficial.

 

Something like this:  <div class="bhupinder">the doctor's description</div>

 

Then, the CSS would go something like:

.bhupinder {color: 2D0CA6;
}

Please note, I'm using a sample color for demonstration purposes only.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
ppsonline    0
ppsonline

Can you tell me if there is anything I can do to the CSS to fix this for all pages. Can I modify the header area or decrease the padding or something so the fade starts higher or maybe is not so evident. Should I use a darker background color?

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

  • Similar Content

    • Digital805
      By Digital805
      Updating background color does nothing in editor. Is there a way to make simple changes NOT use the editor? It appears to not work. I just want a white background.
      I really would like the layout to be the same as vs 3.
      Here is my site in vs. 3 of WHPro: http://globalebookawards.com/
      Here is the new one: http://globalebookawards.com/new/
      I'm sure the client will prefer the boxed layout.
    • sakkthi subramaniyam
      By sakkthi subramaniyam
      Hi,
       
      I tried to change the header background color above navigation menu to black with custom css. Still a portion comes white in header.
       
      #header { background-color: black; }   http://d.pr/i/LGKx
       
      http://d.pr/i/9fK0 white color remains
       
       
      Thanks,
      sakkthi
    • spacle2xl
      By spacle2xl
      Hi and Good day.
       
      I have attached a screenshot in this post. Please, I want to change the blue there to a shade of red... just same with the active bg color on the nav bar cus am not using anything blue on my design.
       
      I kinda used google developer tools to locate this
       
      .dropdown-menu li.current-menu-item > a {.....
       
      So I added this in the custom CSS section on pagelines
       
      #menu li .dropdown-menu li.current-menu-item > a { background-color: #cc0033; }
       
      But it didn't work. I know I got it wrong... Please help. Thanks
    • desmolly
      By desmolly
      I am trying to style the background colors in certain sections to span into margins. I've tried resetting content-pad and resizing some containers and nothing seems to work. What's the easiest way? 
       
      This is the page - I want the black to extend to the edge: http://www.cooksmarts.com/about/
       
      Basically I want it to look like the "How We Do It" section here: http://cooksmarts.staging.wpengine.com/about/
       
    • dailyshoring
      By dailyshoring
      I am a newbie and thought I was doing so well!  Unfortunately, I'm now stuck--I've been searching for hours to figure out how to change the background color on a text widget.  I've tried several options posted in various help forums, but no luck.  From what I can gather, solutions vary based on theme being used?  Maybe someone could help me with the code and where to add?  Any help would be appreciated.  
       
      www.dailyshoring.com
       
      widget is the top text widget (Shoring). I would like the background color to be cbdcc42
       
      Here's the code currently in the widget:
       
       
      <h1 style="text-align: justify;"><span style="color: #48588f;">Shoring:  </span></h1> <h3 style="text-align: justify;"><strong style="color: #4ea5dc;">The process of supporting a structure during repairs and renovation</strong><strong style="color: #4ea5dc;"> </strong></h3> <address style="text-align: justify;"><span style="color: #4ea5dc;"><strong style="color: #4ea5dc;"></strong><strong><span style="color: #48588f;">The intention of this blog is to provide daily support and motivation.  If you're going through a difficult time, recovering from loss or depression, or just want to build healthier daily habits, this blog is for you. Each post is an activity for the day--nothing overly ambitious, but a step toward shoring up your mental and emotional well being.  For step-by-step, </span></strong></span></address> <h3 style="text-align: left;"><strong><span style="color: #cbdc42;"><span style="color: #cbdc42;"><a title="Start Here!" href="http://www.dailyshoring.com/start-at-the-beginning/" target="_blank">Click Here!</a> </span></span><span style="color: #46578e;"> <span style="color: #48588f;">Or register your email below!</span></span></strong></h3>
×