« Back to the HTML Forum

[FIXED] Adding opacity to an image

Posted by BARCO

posted
updated

Forum: HTML Group

I'm asking relating to this code specifically:


<style>

.profile .profile-info {

 background-image: url(IMAGEURL);

 text-align: center;

}

</style>


This is related to the "Edit your Profile" box

Is there a way to add opacity to the image EXCLUSIVELY? When I tried the text also got translucent, but I don't want that... If there's a way to only make the image transparent, that would be great, but if there's no way, oh well


Report Topic

3 Replies

Sort Replies:

Reply by Jenny jean

posted

Heyy i dk much but u could try it from the app itself it doesn't need coding for simple profile color changes 


Permalink Report Reply

Reply by heath

posted

your asking if there is a code for opacity on a background image? not that i know of. you would just have to edit the image.


but if you had an image on your profile like this


<img src="PHOTOLINK.JPG">


than you could add a class it it like this:


<img class="TEST" src="PHOTOLINK.JPG">


than add a code for .TEST like this:


<style>
.TEST{

opacity: 0.5 !important;

}

</style>


Permalink Report Reply

Reply by BARCO

posted
updated

....OHHH WELL, I just need to change the color after all, just make it darker, oops silly me didn't even think that through and complicated things (⁠•⁠ ⁠▽⁠ ⁠•⁠;⁠) BUT thanks everyone! Your help was appreciated!


Permalink Report Reply