Home>Support>Background Transparency

Background Transparency

By aom, 9 years ago. Last reply by Daniel, 9 years ago.

Hi, I’m using vantage theme. I added new css code to custom css page below:

.page-id-3281 #main {
background-image: url(“myimageurl”);
background-position: center center !important;
background-repeat: no-repeat;
background-attachment: fixed;
}

How can I make my body content color (not text color) transparent in black over my background image.

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 5 months ago aom

    I use the code below to custom css but my text is now too difficult to read because of the background. How can I make it my text container have transparent in black over the background image?

    ———————————————————–
    /* Transparent Background */

    #main {
    background-color: rgba(255,255,255,0.5) !important;
    }

    #masthead {
    background-color: transparent !important;
    }

    #colophon {
    background-color: transparent !important;
    }

    /* Fixed Background Image for Site */

    .page-id-3281 #main {
    background-image: url(myimageurl);
    background-repeat: no-repeat;
    background-position: center center !important;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    }

    ———————————————————–

  2. 9 years, 5 months ago aom

    Hi, Can anyone help answer to my questions, please? I’m still waiting. I’ve tried what people suggest here but it didn’t work out.

  3. 9 years, 5 months ago aom

    Here is the example of one site who posts here: http://fishcompany.org/

    I already have transparent over background image but how can I have the body part (not header or footer) have a little black transparent. This site http://fishcompany.org/ has it in white. I used her code but it doesn’t work the same. Please kindly suggest. I’m not really good in CSS.

  4. 9 years, 5 months ago aom

    On every webpage I added the code below and it looks okay. If anyone fine the better option for CSS then please let me know. Thank you.

    text

  5. 9 years, 5 months ago Daniel
    Hi, I Work Here

    Hi Aom

    I apologize for the delayed response. I have just checked your site and I have seen you having great progress in your site. Would you mind letting us know if you still need further assistant on this? If so, you could clearly point us to where you require support for and we’ll jump right in.

    Cheers

  6. 9 years, 5 months ago aom

    Dear Addo,

    I’ve figured it out. Thank you for your support.

    Aom

  7. 9 years, 5 months ago Daniel
    Hi, I Work Here

    Great

    Always feel free to open a new thread whenever you require support .

    Cheers

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More