How to make content background transparent

  • Resolved bradiyant

    (@bradiyant)


    8 years, 9 months ago

    Hello everyone. Let me first say I am an artist who is trying to make a wordpress page for his label. So by that I wanted to say I am not really experienced in this website building. So I spent 2 days making a simple website with the video in the background I finally did it but now I can’t figure out how to make the background content transparent
    Here take a look and you’ll see what I mean https://www.ducttaperec.com/

    I was going to some of the posts but I couldn’t do it, can someone please please help me.

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

  • Hi Bradiyant,

    put this code to your Child Theme style.css file
    OR
    Install Simple Custom CSS plugin and put the code there.
    I’m doing this on my browser to find solution.
    It can get to some different behavior on your site.
    It can happen that it is not working.
    Then we have to look further.

    #main, article, .sidebar .widget {
    background-color: transparent;
    color: white;
}

    OR

    #main, article, .sidebar .widget {
    background-color: transparent!important;
    color: white!important;
}

    I have changed color of your headers to white si it is visible.
    Hope this is what you were looking for.
    Cheers
    TR

    Thread Starter bradiyant

    (@bradiyant)

    Thanks for the quick reply, Its working but there is some shadows if you can go and check you’ll see what I mean.

    Hi Bradiyant,
    same as before:
    put this code to your Child Theme style.css file
    OR
    Install Simple Custom CSS plugin and put the code there.
    I’m doing this on my browser to find solution.
    It can get to some different behavior on your site.
    It can happen that it is not working.
    Then we have to look further.
    Cheers
    TR

    #masthead, #colophon, #main, #secondary .widget, #masthead .sub-menu, .slider-header h2 a, .slider-excerpt p, .slider-link a {
    box-shadow: none;
}

    OR

    #masthead, #colophon, #main, #secondary .widget, #masthead .sub-menu, .slider-header h2 a, .slider-excerpt p, .slider-link a {
    box-shadow: none!important;
}

    Cheers
    TR

    BTW: Great music. That is You?
    Really funny, I do love Metallica and Korn, but I found that song pretty smart.
    Cheers
    TR

    Thread Starter bradiyant

    (@bradiyant)

    Its wooorking. Thank youuu so much. And thanks for the music I really appreciate it. You are awesome

    Feel free to ask for help in the future.
    Cheers
    TR

    Hi guys,

    I am wanting to do the same thing. What I need help with is that there is a text box which has a white background and I can’t find the CSS that defines the colour of the background. Any help would be appreciated.

    Hallo guys, I’m also trying to solve the same on my site,which is the exact CSS I should copy? #Totallynewtocode ?? Thank you.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘How to make content background transparent’ is closed to new replies.