Joomla Templates Club 406,261 posts

[designhow Friend designhowJoin date: December 2012Posts: 49Downloads:36Uploads:11]

#967977

http://juice.growmyideasclient.com/cleanse/level-one

I have the articles with a 0.9 opacity in order to see the background images through the colored block.
I am trying to get the text and images to be 100% opacity…should I use ::before or ::after on the targeted elements?

ALBERT

[timtecsa Friend timtecsaJoin date: October 2009Posts: 1382Downloads:86Uploads:327 Thanks: 197 Thanked: 132 times in 34 posts]

#968024

Hi Albert,

I’m not sure what you are trying to achieve but I just changed opacity of the blue colour to 1.0 in css and now, of course, I don’t see the background image underneath. Is this what you want? See screenshot.

---

Attachments:

1. 

[designhow Friend designhowJoin date: December 2012Posts: 49Downloads:36Uploads:11]

#968032

The article background in my screenshot has a blue with an opacity:
.t3-content {
background: #039be5;
opacity: .90;
}

I want the article photos to not fade with it. — so the images in the article would be at opacity:1.0;

[timtecsa Friend timtecsaJoin date: October 2009Posts: 1382Downloads:86Uploads:327 Thanks: 197 Thanked: 132 times in 34 posts]

#968036

I see what you mean. Not sure how to maintain full opacity on images when only 0.9 on background. But I’m sure someone at JA support does 🙂

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#968057

Hi
Add below code in custom.css file to change the opacity to 1

.t3-content {
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-filter: "alpha(opacity=1)";
    filter: alpha(opacity=1);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1);
    opacity: 1!important;
}

[designhow Friend designhowJoin date: December 2012Posts: 49Downloads:36Uploads:11]

#968083

Ok, I have confused everyone with this I apologize. I am trying to keep only the images opaque and the .g3-content slightly Transparent. I don’t think it is possible without adding another layer or doc behind the content layer.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#968086

Hi
Change the value of opacity in the suggested code to make it more transparent for example 0.5 on the place of 1 in code

[designhow Friend designhowJoin date: December 2012Posts: 49Downloads:36Uploads:11]

#968203

Pankaj, That is just an opacity css for the .t3-content. I know how to do that. The problem is the article images also have that opacity I dont want the actual images in the articles to have any opacity- no transparency at all.

does that make sense?

see attached

---

Attachments:

1. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#968321

Hi
Please check there is no overlay on the picture : http://prntscr.com/ci5byq
To set the opacity you have to change the code i suggested above

.t3-content {
    background: #039be5;
    -khtml-opacity: .90;
    -moz-opacity: .90;
    -ms-filter: "alpha(opacity=90)";
    filter: alpha(opacity=90);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.9);
    opacity: .90;
}

replace .90 to .08 for opacity .

[designhow Friend designhowJoin date: December 2012Posts: 49Downloads:36Uploads:11]

#968760

The pictures still have a transparency the same as the background- I am trying to make the picture have a different opacity than .t3-content

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#968788

Hi, there is no layer of colour on pics.
While your original pics are transparent bg that may be an issue according to you.
http://prntscr.com/cix1hg
You can replace the images or check the style that you applied on pics by the 3rd party extension you are using for this module .

[designhow Friend designhowJoin date: December 2012Posts: 49Downloads:36Uploads:11]

#968834

No – that doesn’t matter it does the same thing with .jpg. look at this page.

http://juice.growmyideasclient.com/about-us

no third party extension just a Joomlart UBER page with a transparency on the .t3-content
Again, I am trying to apply the transparency to just the background not the image.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#968989

Hi
There nothing that is applied on image . The background is behind the t3 content class only .
You can illustrate the issue inside your screenshot because i am not sure what issue you are facing since the image looks normal there is nothing that is affecting .
http://prntscr.com/cjmvnp

[Author]

Posts