• Resolved moxymore

    (@moxymore)


    Hello,

    I have try to find by myself a solution for hours but I haven’t found it. I’m using the lastest version of Evolve theme, and I’m unable to set a transparent background on my content page. Same thing for the header.

    I can’t unfortunately post a link because I’m actually hosting him locally with Wamp.

    It seems that even if I change some parameters in style.css, transparent background parameters is erased by a solid blank one. And the custom CSS layout had no more effects.

    Any help maybe?

Viewing 11 replies - 1 through 11 (of 11 total)
  • Moderator Jan Dembowski

    (@jdembowski)

    Forum Moderator and Brute Squad

    @moxymore Please do not post 500+ lines of code here. It doesn’t work.

    What CSS have you tried?

    Thread Starter moxymore

    (@moxymore)

    Sorry for this, I thought it was possible.

    I have tried, for my last test, to add

    #wrapper {
      background: rgba(0,0,0,0);
    }
    
    .header {
      background: rgba(0, 0, 0, 0);
    }

    in the custom CSS. But this has no effect. I have to go, i’ll be back in 2 hours.

    Hi,

    Try using background:none !important;

    Thank you.

    I believe I am having the same issue on http://www.sandytudor.com/. I tried using Customizer > Styling > Slidshow and Widget Area > Color scheme of the slideshow and widgets area –> set as transparent. Also tried Enable Widget Title Black Background — set as Disabled. Also tried Disable Widget Background –> checked box to disable.

    I also tried

    #wrapper {
      background:none !important;
    }
    
    .header {
      background:none !important;
    }

    as well as
    .h2 {
    background:none !important;
    }

    .header {
    background:none !important;
    }`

    But so far, none of these has made the black background of the widget area title change.

    Hi Kakefin,

    Setting header background none will enable what’s being set as background image on body tag to show up.

    If you want header to be white color, you use

    .header{
    background:#fff !important;
    }

    Thank you

    Hi,

    Thanks for your reply, but that code did not change anything.

    I want the background semi-transparent background surrounding the H2, “Welcome to Aquiline Counseling” to be completely transparent. I also want the paragraph of text below it “Caring, Compassionate, Encouraging, Effective.” to be transparent.

    Thanks.

    Hi Kakefin,

    Now you have asked the correct question.
    That’s the slider caption, not header.

    Please use the following codes.

    .carousel-caption h2 {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    }
    .carousel-caption p {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    }

    This is what you will have. http://i.imgur.com/GkcALke.jpg

    Thank you.

    Thread Starter moxymore

    (@moxymore)

    I tried approximately everything, but impossible to get something transparent.

    Hi moxymore,

    Thanks for writing in!

    Please provide us with the link of your website and perhaps some screenshots with issues and a little more clarification. So by having a better understanding with the problem, we will be able to provide you with a tailored answer.

    Thank you!

    Thread Starter moxymore

    (@moxymore)

    Hi emranemranx,

    The problem is I’m actually local hosting this project… that’s why I can’t provide you any more links. Actually, I have decided to concede and work on a “lighter” template… in order to set my base, and modify it as I want.

    Thank you, i’ll close this thread.

    PS : Lot of people had issue with the Evolve template to set transparency on the website elements (header/footer/wrapper…). Without any solution working, I give up.

    Thread Starter moxymore

    (@moxymore)

    Oops, I have forgotten to mark tis topic has resolved. Done!

Viewing 11 replies - 1 through 11 (of 11 total)

The topic ‘Impossible to set transparent background’ is closed to new replies.