Hello there! Welcome to Youjoomla Support Forums

We are Web Development Company specializing in Joomla Templates , Joomla Extensions and WordPress Themes development . You are not able to see some forum threads due to your memberhip level. To unlock all forums and special customer support please take few moments to signup . If you are just searching for free joomla templates , or free joomla extension support simply head to our Free Joomla Support forums and open a new thread. Our moderators will help you as soon as possible. To spead up the response time please take few seconds and go over forum rules

Have fun!

Transparency of background

04-26-2016, 09:54 AM
# 1 (permalink)
Larry_Lou
Hello
I'm using the yj pop login in the Campus template. Id like the transparency of the background to be less so that it is mor legible over the photo. I've been looking but can't figure out how I can change the transparency/opacity. Can you help me out?
Thanks,
Larry

Are you sure your are posting in product assigned forum?: Yes

What is your CMS version?: WordPress 3.x

MySQL Version: 5.x

PHP version: 5.x

Link to installation: http://altenpflegeschule-manoah.de/2016/

Have you edited any files? If yes tell us which ones.: No

Is this personal or client website?: Client
04-26-2016, 02:40 PM
# 2 (permalink)
arefund
Hello Larry_Lou.
You can add this into your custom.css file:
.cpoplogin #login_pop{
opacity:0.5;
}
Change the opacity to your use.
Kindness costs the least, but is worth the most!
04-27-2016, 03:30 AM
# 3 (permalink)
Larry_Lou
Thanks
I tried that, but the opacity is being overridden from somewhere (see screenshot). That is what I haven't been able to figure out.
Larry
Attached Images
File Type: jpg APS-Screen.jpg (916.8 KB, 2 views)
04-28-2016, 09:20 AM
# 4 (permalink)
arefund
You are using bootstrap and bootstrap file is cashed, that is why you can't see the change.
Please go to your template administration and click on clear cash and save so it can clear the old file and generate the new one with your change.
Kindness costs the least, but is worth the most!
04-29-2016, 03:32 AM
# 5 (permalink)
Larry_Lou
No joy. It still isn't working. I
-cleared the cache and saved,
- turned bootstrap off, cleared cache and saved
- turned bootstrap back on, cleared cache and saved
In all cases Firebug is still showing the opacity override crossed out.
Other ideas?
Thanks,
Larry
05-03-2016, 06:27 AM
# 6 (permalink)
arefund
As you can see you added this :
.yj_searchpos, .yj_loginpos {
display: none;
float: right;
overflow: hidden;
background: #fff;
filter: alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
}
Here is the opacity set to 0.6 and here:
.cpoplogin #login_pop {
opacity: 0.8;
}
your opacity is set to 0.8, the first one is taking over.
You can use !important on the second declaration.
Kindness costs the least, but is worth the most!
05-03-2016, 08:00 AM
# 7 (permalink)
Larry_Lou
It still isn't happening. The opacity of the pop-up box is tied to:
.yj_searchpos, .yj_loginpos {
display: none;
float: right;
overflow: hidden;
background: #fff;
filter: alpha(opacity=90);
/* IE */
-moz-opacity: 0.9;
/* Mozilla */
opacity: 0.9;
}
If I change the opacity there, the opacity also changes for the pop-up. But I can't seem to get the opacity of the pop-up to change independent of the log-in button. I guess I'll have to live with that ... unless you have any other ideas.
Thanks for the help,
Larry
05-04-2016, 08:25 AM
# 8 (permalink)
arefund
To change the opacity of the popup block use this class and use !important:
.cpoplogin #login_pop{
opacity:0.5!important;
}
To change the button inside the header use this class:
.cpoplogin #openLogin,
.cpoplogin #logins,
.cpoplogin #logins form {
opacity: 0.5;
}
but first remove the css you added for this:
http://prntscr.com/b046n8
Kindness costs the least, but is worth the most!
05-04-2016, 08:25 AM
# 9 (permalink)
arefund
If you want to add the background and opacity to the search block use this class:
.yj_searchpos{
}
Kindness costs the least, but is worth the most!
Thread Tools
Display Modes

Powered by vBulletin®
Copyright ©2000 - 2017, Jelsoft Enterprises Ltd.

Members Login

Username
Password