Youjoomla Support Forums (
-   YJ Pop login (
-   -   Transparency of background (

Larry_Lou 04-26-2016 08:54 AM

Transparency of background
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?

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:

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

Is this personal or client website?: Client

arefund 04-26-2016 01:40 PM

Hello Larry_Lou.
You can add this into your custom.css file:
.cpoplogin #login_pop{
Change the opacity to your use.

Larry_Lou 04-27-2016 02:30 AM

1 Attachment(s)
I tried that, but the opacity is being overridden from somewhere (see screenshot). That is what I haven't been able to figure out.

arefund 04-28-2016 08:20 AM

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.

Larry_Lou 04-29-2016 02:32 AM

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?

arefund 05-03-2016 05:27 AM

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.

Larry_Lou 05-03-2016 07:00 AM

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,

arefund 05-04-2016 07:25 AM

To change the opacity of the popup block use this class and use !important:
.cpoplogin #login_pop{
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:

arefund 05-04-2016 07:25 AM

If you want to add the background and opacity to the search block use this class:

All times are GMT -4. The time now is 03:23 PM.

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