Need help to remove this White Background

Hello,

I tweaked the css within a page and it looks perfect in Pro Editor. When I view the page it has an extra white background that I need to remove.

I added code to make it transparent however it won’t go away. I am able to change to color to whatever I want except transparent or with rgba(255, 255, 255, 0);

http://chis.lainternet.biz/menu/

Here is the CSS I used.

.x-container.max {
    background-color: rgba(255, 255, 255, 0.85);
}

.entry-wrap {
    box-shadow: none;
    background-color: rgba(255, 255, 255, 0.5);
}

.widget_nav_menu .current-menu-item > a {
 background-color: transparent;
}

.widget ul, .widget ol {
    border: none;
    box-shadow: none;
}

.e8-3.x-column, .e8-5.x-column, .e8-6.x-column, .e8-7.x-column, .e8-8.x-column, .e8-9.x-column, .e8-12.x-column, .e8-14.x-column, .e8-15.x-column, .e8-16.x-column, .e8-17.x-column, .e8-18.x-column, .e8-21.x-column, .e8-23.x-column, .e8-24.x-column, .e8-25.x-column, .e8-26.x-column, .e8-27.x-column, .e8-30.x-column, .e8-32.x-column, .e8-33.x-column, .e8-34.x-column, .e8-35.x-column, .e8-36.x-column, .e8-39.x-column, .e8-41.x-column, .e8-42.x-column, .e8-43.x-column, .e8-44.x-column, .e8-45.x-column, .e8-48.x-column, .e8-50.x-column, .e8-51.x-column, .e8-52.x-column, .e8-53.x-column, .e8-54.x-column, .e8-57.x-column, .e8-59.x-column, .e8-60.x-column, .e8-61.x-column, .e8-62.x-column, .e8-63.x-column, .e8-66.x-column, .e8-68.x-column, .e8-69.x-column, .e8-70.x-column, .e8-71.x-column, .e8-72.x-column, .e8-75.x-column, .e8-77.x-column, .e8-78.x-column, .e8-79.x-column, .e8-80.x-column, .e8-81.x-column, .e8-84.x-column, .e8-86.x-column, .e8-87.x-column, .e8-88.x-column, .e8-89.x-column, .e8-90.x-column, .e8-93.x-column, .e8-95.x-column, .e8-96.x-column, .e8-97.x-column, .e8-98.x-column, .e8-99.x-column, .e8-102.x-column, .e8-104.x-column, .e8-105.x-column, .e8-106.x-column, .e8-107.x-column, .e8-108.x-column, .e8-111.x-column, .e8-113.x-column, .e8-114.x-column, .e8-115.x-column, .e8-116.x-column, .e8-117.x-column, .e8-120.x-column, .e8-122.x-column, .e8-123.x-column, .e8-124.x-column, .e8-125.x-column, .e8-126.x-column, .e8-129.x-column, .e8-131.x-column, .e8-132.x-column, .e8-133.x-column, .e8-134.x-column, .e8-135.x-column, .e8-138.x-column, .e8-141.x-column, .e8-142.x-column, .e8-143.x-column, .e8-144.x-column, .e8-145.x-column {
    background-color: transparent !important;
}

Thanks for the help,

Micah

Hi there,

The extra background color is caused by this custom CSS:

.x-container.max {
    background-color: rgba(255, 255, 255, 0.85);
}

Try adding this code as well:

.x-main .x-container.max {
    background-color: transparent;
}

Hope this helps.

Thanks.

Adding this resolved the issue.

.x-main .x-container.max {
background-color: transparent;
}

Micah

Hi Micah,

You’re welcome!
We’re glad we were able to help you out.

Regards.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.