Custom background on each page

pending (11 posts) (4 voices)

  1. omg
    Member

    I would like to make some of my page backgrounds (or it is called the "body") transparent so that the gray outer background shows and NOT the white. I tried to change it on each page with the "Custom Background" set to "Transparent" but that did not work. For my home page I have it set to transparent with this CSS

    .is_home #content { background-color: transparent !important; }

    any ideas how to do this with certain pages?

    Site at: http://uwsebacareerfair.com

    Attachments

    1. Background_Transparent.png (47.1 KB, 2 downloads) 5 years old
    2. Background.png (52.2 KB, 0 downloads) 5 years old
    Posted 5 years ago #
  2. Elliott
    Support

    Hello omg,

    There is a custom CSS field for each page / post which only applies to them.

    Just scroll down when editing the page.

    Posted 5 years ago #
  3. omg
    Member

    Perfect thank you

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

    is what I used

    Posted 5 years ago #
  4. This was so easy!

    What's the best way to also remove the #content border still visible by the edge shadows?

    Tried the following with no effect:

    (setting the border-radius to 0px)
    #content {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px; !important; }

    (setting the border-radius to "none")
    #content {
    -webkit-border-radius: none;
    -moz-border-radius: none;
    border-radius: none; !important; }

    Attachments

    1. Screen_Shot_2013-04-28_at_10.20.19_PM..jpg (61.1 KB, 0 downloads) 4 years old
    Posted 4 years ago #
  5. Elliott
    Support

    Add this,

    #outro, #content, #slider_module, #intro { box-shadow: none !important; }

    Posted 4 years ago #
  6. perfect, that worked! thanks Elliott.

    Posted 4 years ago #
  7. Elliott... well, I thought it was perfect.

    However, today I noticed that the Image Banner on this page has no shadow applied; similarly, I plan to have smaller white sheets for displaying the elements as shown, and I will need to make sure they can have similar shadowing attributes. (see attached; I've also attached samples from other pages to compare to how it should be - the page affected is the one with the image header named Video proFile™ page)

    Can you help me by defining what code I need to add to perhaps correct what may have been knocked out by the earlier code you gave me?

    Thanks so much.

    Posted 4 years ago #
  8. here are those sample images...

    Attachments

    1. Screen_Shot_2013-05-02_at_6.45.54_PM-c.jpg (45.6 KB, 4 downloads) 4 years old
    2. Screen_Shot_2013-05-02_at_6.39.43_PM-c.png (77.2 KB, 1 downloads) 4 years old
    3. Screen_Shot_2013-05-02_at_6.40.14_PM-c.png (77.4 KB, 1 downloads) 4 years old
    4. Screen_Shot_2013-05-02_at_6.40.02_PM-c.png (64.1 KB, 0 downloads) 4 years old
    Posted 4 years ago #
  9. Elliott
    Support

    The box shadow is the shadow on those parts and was what I thought you were wanting to remove. If you don't want to remove it then delete the code you used from my last post.

    Posted 4 years ago #
  10. actually, I combined them to be applied only within #content, and that's exactly what I wanted:

    #content { background-color: transparent !important; box-shadow: none !important; }

    so, in other words, the image banner still has the shoadow now, as does the outro, but the body content is just background without borders.

    Thanks, Elliott.

    Posted 4 years ago #
  11. KatKidCA
    Member

    I've tried this code in the Custom CSS and on the page and it is not working: http://kathleenjones.com/how-much-is-your-home-worth-2

    Also tried installing Supersized plug in but all it did was put a slide show in the website background. I still can't get the particular page to be transparent.

    Posted 2 years ago #

Reply

You must log in to post.

Construct WordPress Theme
Construct wordpress theme
Myriad WordPress Theme
Myriad wordpress theme
Method WordPress Theme
Method wordpress theme
Fusion WordPress Theme
Fusion wordpress theme
Elegance WordPress Theme
Elegance wordpress theme
Echelon WordPress Theme
Echelon wordpress theme
Dejavu WordPress Theme
Dejavu wordpress theme
Modular WordPress Theme
Modular wordpress theme