Agency Pro: Transparency for the Posts, Comments, Pages Boxes

[[email protected]]

Hi there,

I am using the Agency Pro theme.

I would like to know where in the stylesheet, and what the css codes are to make the following transparent (where I can adjust the opacity):

(1) The white box for the Posts.
(2) The white box for the "Leave a Reply" for the Posts.
(3) The white box for the Pages.

Many thanks!
Donald

http://www.optimizedwebmedia.com/

[Ben @ Inbound Creative]

As always, Inspect Element is your friend.

(1)
.entry {
background-color: #fff;
border-radius: 3px;
margin-bottom: 40px;
padding: 40px 40px 24px;
}

Change background-color to this:
.entry {
background-color: rgba(255,255,255,0.5);
border-radius: 3px;
margin-bottom: 40px;
padding: 40px 40px 24px;
}

That will keep it white, but transparent. The first three sets of numbers (currently 255) controls the colour. The fourth number (currently 0.5) controls the transparancy. 1 = opaque (or non-see through) while 0 = fully transparent. 0.5 is half and half.

Changing .entry will change the background of both posts and pages.

In order to do the same to the comments box, simply change the background color to the one you desire in the class:
.entry-comments

Hope that helps.

---

Award winning web design in Liverpool | UK based Genesis Framework web designer and developer

[[email protected]]

Wow awesome! This was very helpful!!

I love your website by the way. Can I email you to get more information on your redesigning services? Many thanks!

Best,
Donald

[Ben @ Inbound Creative]

Glad to know I was able to help.

My email is [email protected].

---

Award winning web design in Liverpool | UK based Genesis Framework web designer and developer

[Author]

Posts