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!

Site Links

Recommended

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters the trademark holder in the United States and other countries.

We use cookies on our website. Some of them are essential for the operation of the site, while others help us to improve this site and the user experience (tracking cookies). You can decide for yourself whether you want to allow cookies or not. Please note that if you reject them, you may not be able to use all the functionalities of the site.

Ok