Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #403802

    Hi Enfold Team,
    I tried setting to no background, but the webpage still utilize a purple background in which I do not understand where it came from.
    Link is given at “Private content” section.
    CSS Utilize so far.

    .main_color .avia_cart, .main_color form, .main_color .avia_cart, .main_color form, .main_color tr:nth-child(odd) { background-color: white; }
    #top .woocommerce-message{
    padding:1em 1em 1em 3.5em!important;
    margin:0 0 2em!important;
    background-color: transparent !important;
    border: 0px;
    background:-webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#ffffff));
    background:-moz-linear-gradient(center top,#ffffff 0,#ffffff 100%);
    background:-moz-gradient(center top,#ffffff 0,#ffffff 100%);
    color:#000000 !important;
    text-shadow:0 1px 0 #fff;
    list-style:none outside!important;*zoom:1;width:auto;
    -webkit-box-shadow:inset 0 -2px 6px rgba(0,0,0,.05),inset 0 -2px 30px rgba(0,0,0,.015),inset 0 1px 0 #fff,0 1px 2px rgba(0,0,0,.3);box-shadow:inset 0 -2px 6px rgba(0,0,0,.05),inset 0 -2px 30px rgba(0,0,0,.015),inset 0 1px 0 #fff,0 1px 2px rgba(0,0,0,.3)
    .main_color .avia_cart, .main_color form, .main_color .avia_cart, .main_color form, .main_color tr:nth-child(odd) {
    background-color: white !important;
    background-image: url("");
    .cloud-zoom-big {
    	border:4px solid #ccc;
    	overflow:scroll !important;
    .four.units.single-product-main-image {
    overflow: visible !important;
    ul.products li.product a img {
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
        display: block !important;
        height: auto !important;
        margin: 0 0 8px !important;
        transition: all 0.2s ease-in-out 0s !important;
        width: 320px !important;
    .mousetrap {
    z-index: 99999999 !important; position: absolute; width: 387px; height: 540px; left: 0px; top: 0px; cursor: move;
    . single-product #av_section_1 {
    height: auto !important;
    .title_container { 
    display: none !important; 
    .single-product-main-image.alpha {
    z-index: 5000;
    overflow: visible !important;
    .single-product-main-image { overflow: visible; }
    #footer .widgettitle {
    color: #ffffff !important;
    .single-product .template-shop, .alternate_color, #header_main .container, .main_menu ul:first-child > li a {
    background-image: url(;

    Help is appreciated as always.
    Best Regards,


    Hi Kayzel!

    Navigate to Dashboard > Enfold > General Styling > Body Background and you can change the color and background image there.

    Best regards,


    Hi Enfold team,
    It’s currently at #ffffff and no bodybackground but it still display a purple color body background which I do not understand why.



    Send us a WordPress login and we’ll take a closer look. Be sure to set your reply as private.


    This reply has been marked as private.


    Not sure what’s going on there but you can use this CSS to fix it.

    html { background: white !important; }


Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.