Jump to:

23450 Posts in 18899 Topics by 2877 members

General Questions

SilverStripe Forums » General Questions » Simple fix driving me nuts

General questions about getting started with SilverStripe that don't fit in any of the categories above.

Moderators: martimiz, Sean, biapar, Willr, Ingo, swaiba, simon_w

Page: 1
Go to End
Author Topic: 429 Views
  • Lemonie
    Avatar
    Community Member
    70 Posts

    Simple fix driving me nuts Link to this post

    Please take pity as I just cannot figure this out ...

    How do I remove the body from behind the header. I want the wooden sign without the white behind.

    thanks

    http://coachhousekennels.org.uk

  • ShaggyStyle
    Avatar
    Community Member
    7 Posts

    Re: Simple fix driving me nuts Link to this post

    Simply edit the file layout.css at themes/blackcandy/css/ where it say

    #Header {
       width: 900px;
       height:210px;
    margin: 0 0 0 5px;
       overflow: hidden;
       background: none;
    background: #ffffff url('http://i1265.photobucket.com/albums/jj516/Homeless_Hounds_Website/Header3.png') no-repeat center; width: 890px;
       
    }

    at background change #ffffff with transparent:

    #Header {
       width: 900px;
       height:210px;
    margin: 0 0 0 5px;
       overflow: hidden;
       background: none;
    background: transparent url('http://i1265.photobucket.com/albums/jj516/Homeless_Hounds_Website/Header3.png') no-repeat center; width: 890px;
       
    }

    this should work

  • Lemonie
    Avatar
    Community Member
    70 Posts

    Re: Simple fix driving me nuts Link to this post

    Thanks for the reply but that hasn't done it unfortunately.

    The sign image is on a transparent background, it is the

    ***
    #Container {
       width: 900px;
       padding-bottom: 15px;
       background: #fff url(../images/containerbg.png) repeat-y;
    }
    ***
    that is behind?

  • priithansen
    Avatar
    Community Member
    25 Posts

    Re: Simple fix driving me nuts Link to this post

    layout.css

    On line 27 there is a typo
    background-repeat:no repeat;
    Should be
    background-repeat:no-repeat;

    On line 80
    background: #fff url('http://i1265.photobucket.com/albums/jj516/Homeless_Hounds_Website/Header3.png') no-repeat center; width: 890px;
    Should be
    background: url('http://i1265.photobucket.com/albums/jj516/Homeless_Hounds_Website/Header3.png') no-repeat center; width: 890px;

    And in the Page.ss move the

    <div id="Header">..</div> outside from the <div id="Container">..</div>

    429 Views
Page: 1
Go to Top

Want to know more about the company that brought you SilverStripe? Then check out SilverStripe.com

Comments on this website? Please give feedback.