The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Body Background Opacity

View previous topic View next topic Go down

Solved Body Background Opacity

Post by DesignersSociety on April 3rd 2013, 4:07 am

I'm using this code and wonder if there is a way to make the background more transparent? I tried lowering the actual pictures opcity but it still has a white background. Any codes please??


.forumline .row1, .forumline .row2, .forumline .row3, .forumline .row3Right {
background-image: url("http://i47.tinypic.com/mkw2uv.jpg") !important;}

DesignersSociety
Forumember

Female Posts : 120
Reputation : 2
Language : english

http://designerssociety.betaboard.net

Back to top Go down

Solved Re: Body Background Opacity

Post by Sir Chivas™ on April 9th 2013, 10:14 am

Hi,

Can you please provide your forum URL? thanks.



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6783
Reputation : 430
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: Body Background Opacity

Post by DesignersSociety on April 10th 2013, 3:29 am


DesignersSociety
Forumember

Female Posts : 120
Reputation : 2
Language : english

http://designerssociety.betaboard.net

Back to top Go down

Solved Re: Body Background Opacity

Post by Sanket on April 10th 2013, 5:39 am

http://i47.tinypic.com/mkw2uv.jpg
That image has a white background. Make a graphic request to make the parallel lines on a transparent background. Won't be too difficult in my opinion.

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Solved Re: Body Background Opacity

Post by DesignersSociety on April 10th 2013, 6:56 am

I have a lot of experience with graphic design and have already tried this but it didn't work, the whole thing stayed white in the background?

DesignersSociety
Forumember

Female Posts : 120
Reputation : 2
Language : english

http://designerssociety.betaboard.net

Back to top Go down

Solved Re: Body Background Opacity

Post by Sanket on April 10th 2013, 12:57 pm

I have edited your background image using this online tool.
http://www.lunapic.com/editor/?action=transparent


I uploaded your image to tinypic.com
http://i49.tinypic.com/rcvb4j.jpg

Replace your image with the image i provided or use that online tool to change the transparency %.

Now, even after adding a opaque image, it was showing white color because of a background color white already added. To remove that white background, add this to your css. Wink


Code:
.forumline{
background-color:transparent !important;
}

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Solved Re: Body Background Opacity

Post by DesignersSociety on April 11th 2013, 10:03 pm

It didn't do anything, I tried that code several different ways.

DesignersSociety
Forumember

Female Posts : 120
Reputation : 2
Language : english

http://designerssociety.betaboard.net

Back to top Go down

Solved Re: Body Background Opacity

Post by Sanket on April 12th 2013, 6:18 am

Code:
.forumline{
background-color:transparent !important;
}

I don't see that code added on your forums.

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Solved Re: Body Background Opacity

Post by DesignersSociety on April 12th 2013, 10:56 pm

Yes because when I tried it it didn't work so I removed it.

DesignersSociety
Forumember

Female Posts : 120
Reputation : 2
Language : english

http://designerssociety.betaboard.net

Back to top Go down

Solved Re: Body Background Opacity

Post by Sanket on April 13th 2013, 7:40 am

Also add this to your css along with the previous bit of css. See if it works.
Code:
.secondarytitle {
    background-color: transparent !important;
}

td.row1, td.row2, td.row3{
background-color: transparent !important;
}

.forumline tbody tr th {
    background: transparent;
}

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Solved Re: Body Background Opacity

Post by DesignersSociety on April 15th 2013, 9:52 pm

That worked, thanks but I actually changed my mind on the look.

DesignersSociety
Forumember

Female Posts : 120
Reputation : 2
Language : english

http://designerssociety.betaboard.net

Back to top Go down

Solved Re: Body Background Opacity

Post by Sir Chivas™ on April 15th 2013, 10:42 pm

So, is this solved? Or you have further more questions?



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6783
Reputation : 430
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: Body Background Opacity

Post by DesignersSociety on April 15th 2013, 11:05 pm

solved

DesignersSociety
Forumember

Female Posts : 120
Reputation : 2
Language : english

http://designerssociety.betaboard.net

Back to top Go down

Solved Re: Body Background Opacity

Post by Sir Chivas™ on April 15th 2013, 11:08 pm

Topic Solved & Locked



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6783
Reputation : 430
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum