Recent
Categories
View Replies (7)

Content Area Opacity

0
Votes
Undo
  1. underwatercolours
    underwatercolours
  2. Sherlock Holmes
  3. Commercial Templates
  4. Sunday, 28 December 2014
  5.  Subscribe via email
Is there someplace I can change the content area and side column opacity? I'd like my background image to show through just a bit. I'm using the Lifestyle template. I really love this template!
Responses (7)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Try adding the following to the Custom CSS field of your templates parameters where 0.5 is your background opacity (edit to taste)...


#container_main .wrapper960, .backgrounds .sidecol_a, .backgrounds .sidecol_b {

    background-color: rgba(255, 255, 255, 0.5);

}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
khaeryn
khaeryn
Accepted Answer Pending Moderation
0
Votes
Undo
I am looking to do the same with mine, along with the breadcrumb module.
I did try above and it doesn't work. Any suggestions?

I'm using Classic.

Thank you
  1. more than a month ago
  2. Commercial Templates
  3. # 2
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Please post a URL to an example of the area you wish made transparent.

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 3
khaeryn
khaeryn
Accepted Answer Pending Moderation
0
Votes
Undo
http://theimmortalrealmschronicles.com/

I got it to work for the article page, but haven't been able to get your custom css to work for the side columns and well might as well, if it's possible, throw in the breadcrumb area lol

thank you
Your awesome! Just sayin'! lol
  1. more than a month ago
  2. Commercial Templates
  3. # 4
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you for the kind words :)

The following Custom CSS should do the trick for you...


.backgrounds #sidecol_a, .backgrounds #sidecol_b {

    background-color: transparent;

}

#container_top3_modules .wrapper960 {

    background-color: rgba(0, 0, 0, 0.7);

}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 5
khaeryn
khaeryn
Accepted Answer Pending Moderation
0
Votes
Undo
It worked for the breadcrumbs, but not the side columns and lost the opacity I had to the article page. :(


And You are welcome!
  1. more than a month ago
  2. Commercial Templates
  3. # 6
khaeryn
khaeryn
Accepted Answer Pending Moderation
0
Votes
Undo
lol Its ok.. it works now lol
  1. more than a month ago
  2. Commercial Templates
  3. # 7
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!