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?
 
Steven HarrisConnect With a Mentor PresidentCommented:
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.
0
 
Steven HarrisPresidentCommented:
Do you have any type of relevant code you can share for the HTMl and CSS portions?
0
 
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.
0
Introducing Cloud Class® training courses

Tech changes fast. You can learn faster. That’s why we’re bringing professional training courses to Experts Exchange. With a subscription, you can access all the Cloud Class® courses to expand your education, prep for certifications, and get top-notch instructions.

 
j0s3phAuthor Commented:
OMG, I meant to say Transparent, not Translucent.  Sorry, lol
0
 
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.
0
 
Steven HarrisPresidentCommented:
OMG, I meant to say Transparent, not Translucent.

Semantics...  No worries, I understand what you meant.
0
 
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);
}
0
 
j0s3phAuthor Commented:
That is from the bootstrap.css
0
 
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?
0
 
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.
0
 
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?
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.