XF 1.1 Account Preferences Transparency

[phaze3131]

I just noticed today that my user preference is transparent. How do I change it to solid color?

I know it can be done in templates, then account_preferences but I don't know which code to change. I'm not a coder. Help please.

 

[TPerry]

I just noticed today that my user preference is transparent. How do I change it to solid color?

I know it can be done in templates, then account_preferences but I don't know which code to change. I'm not a coder. Help please.

Check out this post and see if it helps.

 

[phaze3131]

Check out this post and see if it helps.

There is no opacity.

Here's the CSS code, maybe you know what to change

.container {
    display: table;
    width: 100%;
    zoom: 1;
}

.accountSideBar
{
    width: 150px;
    display: table-cell;
    vertical-align: top;
    *float: left;
}
   
    .accountSideBar .heading
    {
        border-top-right-radius: 0;
        margin: 10px 0 0;
    }
   
    .accountSideBar .primaryContent
    {
        font-size: 11px;
    }

    .accountSideBar .secondaryContent
    {
        font-weight: bold;
    }
   
    .accountSideBar a
    {
        display: block;
        padding: 5px 10px;
    }
   
    .accountSideBar a:hover
    {
        background: @primaryLighterStill url('@imagePath/xenforo/gradients/category-23px-light.png') repeat-x top;
        color: @primaryLightish;
        text-decoration: none;
    }
   

.accountContent
{
    display: table-cell;
    vertical-align: top;
    margin: 0;
    *margin-left: 150px;
    zoom: 1;
}

.accountContent .xenForm
{
    margin-top: 0;
}

.xenForm.personalDetailsForm .StatusEditor
{
    resize: vertical;
}

.xenForm.personalDetailsForm .statusEditorCounter
{
    position: absolute;
    top: 0px;
    right: 0px;
}

.xenForm.personalDetailsForm .avatarEditor .avatar
{
    float: left;
    margin-right: 8px;
}

.xenForm.personalDetailsForm .avatarEditor .avatar:hover img
{
    border-color: orange;
}

.xenForm.privacyForm .ctrl > ul select
{
    margin-bottom: 8px;
}

div.tooltip
{
    background-color: #900;
    border: 1px solid #fff;
    padding: 5px 15px;
    width: 150px;
    display: none;
    color: #fff;
    text-align: left;
    font-size: 11px;
    box-shadow: 0 0 10px #000000;
}

 

[TPerry]

There is no opacity.

Did you try putting that in your EXTRA.css to see if it works? What is the site?

 

[phaze3131]

Yes, I did. No luck!

http://prepaidcellforum.com/

 

[TPerry]

Yes, I did. No luck!

http://prepaidcellforum.com/

What browser you using. Looks fine when I just signed up and am using Chrome and OS/X 10.8.3.

 

[phaze3131]

What browser you using. Looks fine when I just signed up and am using Chrome and OS/X 10.8.3.

Hmm. That's strange. I tried on Chrome and Safari but the same result. I have Windows 7 OS.

The user menu dropdown is fine, only problem is when you click preferences.

Maybe I'll try with a different computer.

 

[TPerry]

Hmm. That's strange. I tried on Chrome and Safari but the same result. I have Windows 7 OS.

The user menu dropdown is fine, only problem is when you click preferences.

Maybe I'll try with a different computer.

This is what I see.

 

[phaze3131]

This is what I see.
View attachment 56812

Strange. Mine popups even when using another user account.

Could be a problem on my end.

 

[phaze3131]

I just checked on my test site with 1.2 and it works fine. I guess I'll just ignore the issue, I will upgrade this week anyway.