Skip to main content
txtekguy
Participant
March 9, 2017
Answered

Transparent box over text

  • March 9, 2017
  • 2 replies
  • 335 views

There is a center column of text that appears to have a transparent box over it, making the text and graphics lighter. Any help in getting rid of it?

This topic is closed to new replies. Start a new post to keep the conversation going.
Correct answer Jon Fritz

In your 3col_leftNav.css file, you have set the opacity of the #content element to 50%

#content{

     float: left;

     width: 53%;

     background-color: #FFF;

     opacity: .5;

     color: #000;

}


...remove the opacity setting and it will come back.

2 replies

Nancy OShea
Community Expert
Community Expert
March 9, 2017

Here's the link: The Catholic Dicocese of Lubbock

Fix your code errors.  Among other things, you have too many <body> tags and unpaired HTML tags that need attention.  See link below for details.

[Invalid] Markup Validation of http://catholiclubbock.org/Advocacy.html - W3C Markup Validator

Once your code errors are cleaned up, we can take another look if needed.

Nancy

Nancy O'Shea— Product User & Community Expert
Jon Fritz
Community Expert
Jon FritzCommunity ExpertCorrect answer
Community Expert
March 9, 2017

In your 3col_leftNav.css file, you have set the opacity of the #content element to 50%

#content{

     float: left;

     width: 53%;

     background-color: #FFF;

     opacity: .5;

     color: #000;

}


...remove the opacity setting and it will come back.