Make Articles w White background; not translucent

I have a Joomla 3 website at aznogi.com.  I want to put a background through the bootsrap.css.  I have commented it out for now because the articles are transparent and it looks bad.  Do you know a simple way to make your articles or center of the website a color like white?  The desired effect is to have the center white and only the sides showing the logo.  Thanks for your help in advance.
j0s3phAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Steven HarrisPresidentCommented:
Do you have any type of relevant code you can share for the HTMl and CSS portions?
j0s3phAuthor Commented:
Should I attach the bootstrap.css, template.css, both?  Sorry, CSS is something I will need to get a bit better at.  I'd like the center of the website to be white, not translucent.  Thanks for the quick reply.
j0s3phAuthor Commented:
OMG, I meant to say Transparent, not Translucent.  Sorry, lol
Your Guide to Achieving IT Business Success

The IT Service Excellence Tool Kit has best practices to keep your clients happy and business booming. Inside, you’ll find everything you need to increase client satisfaction and retention, become more competitive, and increase your overall success.

Steven HarrisPresidentCommented:
We would need to see the HTML snippet for whatever you are working on and the applicable .css file that the HTML points to.

As an example

If the HTML is:

<div id="cont1">
     <div id="cont2">
          Your text here...
     </div>
</div>

Open in new window


and the .css is:

#cont1 {
     background-image:url('images/bg.jpg');
}

#cont2 {
     background-color:rgba(255,0,0,1);
}

Open in new window


the rgba(255,0,0,1) part is saying that the inner container "center of the website" [opacity setting] is translucent.
Steven HarrisPresidentCommented:
OMG, I meant to say Transparent, not Translucent.

Semantics...  No worries, I understand what you meant.
j0s3phAuthor Commented:
This is the code I commented out for the background image (below).  When I apply it, the articles are transparent and it looks busy.  I was hoping to edit one of the css files so the center of the website would be white.  This way the background only showed on the sides.
}
body {
  margin: 0;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 18px;
  color: #a2a2a2;
  background-color: #ffffff;
  #background-image: url(../images/background/StrongHeart-FullRes.png);
}
j0s3phAuthor Commented:
That is from the bootstrap.css
Steven HarrisPresidentCommented:
Without seeing the html, it is hard to tell which direction we need to go.  Is the site published so you can share a link, or possibly upload the html file?
j0s3phAuthor Commented:
Yes, the website is published at aznogi.com.  Sorry I didn't get the info you were looking for.  I am not sure what file to check.  I am heavier on the Brazilian Jiu Jitsu than the website ;)  If you can't see the info let me know and I'll track down the file you need to analyze.
Steven HarrisPresidentCommented:
Ok, so I see some issues going on here (I know this is a work in progress) but instead of leaving you hanging, I think we should expand the discussion to more than the inner-wrapper opacity.  Let's start with some of the basics:

1)  Have you made any modifications (besides text) to the template?  Either HTML or CSS Files.
2)  What were the changes?
3)  Do you have the original template available as zip file?

What brings me to this:

The first place I checked was the HTML which always has some type of "Outter and Inner" wrappers.  Once I found the wrappers and their class/ID, I went to the CSS pages.  While I can find the "Outter" wrapper, the styling for the "Inner" wrapper appears to be missing altogether.

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
j0s3phAuthor Commented:
I went on vacation so sorry for the long delay!  
1.  No edits to the HTML or CSS files (other than a commented out background image)
2.  No changes to anything other than the Bootstrap.css for the background image.
3.  I do have the original template as a zip.  I think I am just not allowed to attach the source folder.  Should I email this to you? Do you want specific folders or the whole thing?
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
Joomla

From novice to tech pro — start learning today.