Individual Page backgrounds

Community Forums Forums Design Tips and Tricks Individual Page backgrounds

This topic is: not resolved

This topic contains 7 replies, has 2 voices, and was last updated by  braddalton 1 year, 5 months ago.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #16962

    dynamic
    Participant
    Post count: 15

    I’m looking to an an image to just one page

    I have added a background image to a table on the page, it shows in the editor but not when I view the page.

    This is the source
    <div class=”entry-content“>
    <style type=”text/css“><!–
    body { background-image: url(http://www.coffeeculture.com.au/wp-content/uploads/2013/01/home_back.png); } –>
    –></style>
    <table width=”100%” border=”0“>
    <tbody>
    <tr>
    <td align=””>Owners – Chris Petersen &amp; Chef, Will Tooth – are an unbeatable force in consistently delivering excellence in both food and fresh coffee – roasting and slurping! The legendary ‘morning fix’ is enjoyed by hordes of loyal locals with Coffee Culture evolving as the cafe of choice for visitors and Highlanders alike who are seeking their superb daily fix! The Coffee Culture menu offers fresh, innovative meals and can cater for small functions and parties – at either cafe or in a venue of your choice. Coffee Culture’s roasting dominion, Redback Roasters, scours the world for the highest quality coffee beans. All blends are expertly roasted in-house and can be purchased in both cafes or online.</p>
    <p>&nbsp;</td>
    </tr>
    </tbody>
    </table>
    I have a number of pages I’d like to give specific images to, suggestions please

    Thanks
    Charles

    #16977

    braddalton
    Participant
    Post count: 8826

    Go to Layout Settings > Custom Body Class.

    create a new class and use that as the specific selector for a specific page background
    [css]
    custom-body-class {
    background-color: #80000;
    background-image: url (‘images/bg.png’);
    }
    [/css]


    Specializing In StudioPress Child Theme Customization.
    500+ StudioPress Tutorials

    #16981

    dynamic
    Participant
    Post count: 15

    Brad

    I cut and pasted this, it hasn’t held in the page, I changed the image address

    http://www.coffeeculture.com.au/welcome

    What next please

    #16987

    braddalton
    Participant
    Post count: 8826

    You want the image within the content area of the page and Not the site background?


    Specializing In StudioPress Child Theme Customization.
    500+ StudioPress Tutorials

    #16991

    dynamic
    Participant
    Post count: 15

    Correct Brad, I want to keep the site background image and give individual pages there own background images

    Thanks

    #17004

    braddalton
    Participant
    Post count: 8826

    [css]
    .custom-body-class #content {
    background-color: #000;
    background-image: url (‘images/bg.png’);
    }
    [/css]


    Specializing In StudioPress Child Theme Customization.
    500+ StudioPress Tutorials

    #17006

    dynamic
    Participant
    Post count: 15

    Brad do I have to add code anywhere else, ie in the functions page?

    #17009

    braddalton
    Participant
    Post count: 8826

    Negative. I tested this code and it works. It displays an image which you upload to your child themes images folder on the pages content area you have created the unique custom class in.


    Specializing In StudioPress Child Theme Customization.
    500+ StudioPress Tutorials

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

You must be logged in to reply to this topic.