Problem with Text Box Opacity

[michaelgulizio]

Hoping someone can help me with this problem. All of the sudden, the background text box opacity which underlies the text on my website has disappeared (or it is completely transparent). I am using the rt_Momentum template, but cannot figure out where/how to change the opacity settings so that my text is readable. I've noticed the problem across all browsers (except mobile devices). My website is: http://www.coresmiles.com.

Any help is greatly appreciated!

[waarnemer]

Hi Michael,

All of a sudden does not exist.. Can you think of changes you made, installing extra extensions, updates, added an article before it happened?

[michaelgulizio]

Hi.

Thanks for getting back to me. I can't really think of anything that I did that would alter the opacity of the text boxes. I've ready that upgrading may help, but I'm a novice and don't feel comfortable doing it by myself.

[waarnemer]

If I browse through your page with firebug, there is nothing which would show me opacity on anything.
But what I did on the fly is this:
in /templates/rt_momentum_j15/css/joomla.css line 10 have this:

Code: Select all

.component-content .rt-article {
  background-color: #FFFFFF;
  margin: -15px;
  padding: 20px;
}

This at least showed me the content box like the module positions on the bottom...
Of course you would have to check through your site if it does not break anything else.

[sander_v_bergen]

What part had a background? The complete column? Of only the text-blocks?

If you add this to your css:

Code: Select all

background-color: rgba(255,255,255,0.8);

You will get a white background (RGB values 255,255,255) with 80% transparency (Alpha value 0.8 ).

As I said, the placement of this depends on which parts you want to have a background.

NOTE: RGBA color values are supported in IE9+, Firefox 3+, Chrome, Safari, and in Opera 10+.

EDIT: Smiley hijacked my text

[michaelgulizio]

Thanks for replying. All of the text on all pages of my site used to have a white background. Thanks for the advice, but I don't even know where to insert CSS code to fix the problem

Do you think upgrading to 2.5 will help?

[michaelgulizio]

Another thing I just noticed--it seems that my site works well on IE9, but not on IE10.

[waarnemer]

I hate to spoil your fun but it don't work in Firefox Either.. look at this:

http://www.coresmiles.com/templates/rt_ ... te-ie9.css

the last line had been added by some AvG.. but only for IE9

you may add this to the template.css too..

So in fact your recent IE update did 'kill' your site.. for you at least but check it other browsers such as FF, Chrome, Safari.. in there you will see it does not show properly too.

add this: background: url(../images/80_trans.png);

to the style declaration in line 21 of your template.css it then looks like this:

Code: Select all

.rt-container {position: relative; background: url(../images/80_trans.png);}

[michaelgulizio]

thanks, but i'm not following you. by modifying the .rt-container sequence, the problem should be corrected?

[waarnemer]

Most probably yes... no 100% guarantee because I don't know what else is missing in the css files (compared to the IE9 css file).
At least this will lead you in the right direction. Start by replacing the line..


Before your browser update (9 to 10) you did see your site right.. But users of other browsers did probably not. On your machine the css file for IE9 was active.

Always check your sites in as many browsers possible!

[michaelgulizio]

OK. I edited template.css with the addition of "background: url(../images/80_trans.png);", but still no luck. Do I need to modify another css template?

Thanks so much for your help!

[waarnemer]

well... with me it works okay.. In both firefox and IE10...

clear your machines cache.. (ctrl+shift+delete) and follow instructions..

[waarnemer]

Michael, has it been resolved for you?