[matthewseanmclachlan]

Hello,

My following questions are…

1. How do turn off the transparency on my top menu bar?

2. I want to make -some- of my posts transparent. How can I do this?

3. How do I make my footer transparent?

Website: http://www.trendfly.org/

Thanks in advance!
Matt

[Mahesh]

@matthewseanmclachlan: Please check the following:
1. Turn off transparency on the top menu bar:

#header-top {
    background: rgba(234, 53, 54, 1) none repeat scroll 0 0;
}

2. make -some- of posts transparent: You’ll need to add Custom CSS for each post class like follows (Example: Projects)

.post.post-32 {
    opacity: 0.5;
}

3. Make footer tranparent:

#colophon {
    opacity: 0.5;
}

Let me know if any trouble.

Regards,
Mahesh

[matthewseanmclachlan]

Hi Mahesh,

Okay, a little clarification on my part…

1. Turn off transparency on the top menu bar:

I added the CSS you suggested, but it did not work? Is there some CSS i should have also deleted possibly?

2. make -some- of posts transparent:

I added the CSS you suggested, but I only want the white background of the post to be transparent, but the text, graphics, etc. in the post to stay normal.

3. Make footer tranparent:

Same thing applies from (2), I added the CSS you suggested, but I only want the background of the footer to be transparent, but the text to stay normal.

Thanks in advance!
Matt

[Mahesh]

@matthewseanmclachlan: You are missing a closing brace at the end of your Custom CSS.
1. To turn off transparency on header top you can change your existing code in Custom CSS:

#header-top { 
	background: #ea3b36;
	background: rgba(234, 53, 54, 0.7);
	box-shadow: 0 0 7px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.5); 
	-webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.5);
	position: fixed;
	z-index: 99; 
}

to the following:

#header-top { 
	background: #ea3b36;
	background: rgba(234, 53, 54, 1);
	box-shadow: 0 0 7px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.5); 
	-webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.5);
	position: fixed;
	z-index: 99; 
}

2. Making only white part transparent in post:
For semi-transparent

.post.post-32 {
    background: rgba(255, 255, 255, 0.5);
}

OR for fully transparent:

.post.post-32 {
    background: rgba(255, 255, 255, 0);
}

3. Making only white part transparent in footer:

#site-generator {
    background: rgba(255, 255, 255, 0.5);
}
#colophon {
    background-color: transparent;
}

Note: For full transparency, change the last attribute 0.5 to 0 in background as in number 2.
Let me know if any problem.

Regards,
Mahesh

[Author]

Posts