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.

CSS Code for Non-Transparent Post Background

View previous topic View next topic Go down

In progress CSS Code for Non-Transparent Post Background

Post by Kira-chan03 on June 27th 2015, 4:01 am

Technical Details

Forum version : #phpBB3
Position : Founder
Concerned browser(s) : Google Chrome, Internet Explorer
Screenshot of problem : http://i18.servimg.com/u/f18/18/61/98/20/kajshf10.jpg
Who the problem concerns : All members
When the problem appeared : Immediately after adding the transparency code.
Forum link : http://www.pawsteps.forumotion.com

Description of problem

Hey all, my name is Kira, though on my website I'll be known as Shimmer. Either name will work.

I've added a background transparency code to my CSS. It works fine, and I'm very happy with the outcome. However, I've spent hours online looking for various CSS codes and am a bit exhausted of it, so I've decided to just post my request here.

In the screenshot, you'll see that I have colored an area of the page in red. This area is the background of the post. I want to know if, while still keeping the transparency code, I could make just the background of posts be colored in. I already have the color I want in mind = #FAF6F0 .

This may be in the wrong forum, and if so, I apologize. Please help me, and thank you for your time!

EDIT: I have also decided to include the code and a copy of my current CSS, should anyone need it:

Code:
#wrap {
background-color:rgba(255,255,255, 0.6)
}

/*This is the code for the general background transparency.*/




CSS Codes:

Code:
/*This is my forum's current CSS style sheet. Please excuse the spaghetti codes; my sheet is a bit of a mess, and I haven't organized it yet.*/




/* FORUM CODING */
/* FORUM WIDTH CODE */
#wrap {
padding: 0 20px;
min-width: 650px;
width: 1000px;
margin: 0 auto;
}
/* END FORUM WIDTH CODING */
/*FIX BACKGROUND CODING*/
body {
background-repeat:no-repeat;
background-size:100%;
}
.headerbar{
background: transparent !important;
}

#wrap {
background-color:rgba(255,255,255, 0.6)
}

/* Start [url=http://www.cursors-4u.com]http://www.cursors-4u.com[/url] */ body, a:hover {cursor: url([url=http://cur.cursors-4u.net/nature/nat-8/nat738.cur]http://cur.cursors-4u.net/nature/nat-8/nat738.cur[/url]), progress !important;} /* End [url=http://www.cursors-4u.com]http://www.cursors-4u.com[/url] */
/* END FORUM CODING */
#chatbox_header {
background-image: url([url=http://i18.servimg.com/u/f18/18/61/98/20/pawste10.png]http://i18.servimg.com/u/f18/18/61/98/20/pawste10.png[/url]);
}
#chatbox_footer {
background-image: url([url=http://i18.servimg.com/u/f18/18/61/98/20/pawste10.png]http://i18.servimg.com/u/f18/18/61/98/20/pawste10.png[/url]);


#FAF6F0


.post { background: #faf6f0 !important; }
}

Kira-chan03
New Member

Posts : 11
Reputation : 1
Language : English

http://www.pawsteps.forumotion.com (my user is Shimmerwind)

Back to top Go down

In progress Re: CSS Code for Non-Transparent Post Background

Post by SLGray on June 27th 2015, 4:31 am

Code:
.postbody .content {
    background-color: YOUR COLOR;
}


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35672
Reputation : 2375
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

In progress Re: CSS Code for Non-Transparent Post Background

Post by Kira-chan03 on June 27th 2015, 4:47 am

It worked, thank you!

The problem can be labeled as solved now. Smile

Kira-chan03
New Member

Posts : 11
Reputation : 1
Language : English

http://www.pawsteps.forumotion.com (my user is Shimmerwind)

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