+1-888-365-2779
Try Now
More in this section

Forums / Designing with Sitefinity / Can't change background of CSS div class

Can't change background of CSS div class

3 posts, 0 answered
  1. David
    David avatar
    3 posts
    Registered:
    18 Jun 2009
    26 Jun 2009
    Link to this post
    I'm not sure why this would be a Sitefinity issue but after all the messing with the CSS I did, I can't see how it could not be a Sitefinity problem.  I have been developing a new site using the Community Edition.  I'm trying to change the background of the content portion of the site but for some reason the class will not grab the image that I put in the theme.  It doesn't have a problem with any other image, or any other class for that matter.  I even tried renaming the class and that didn't seem to do it.  It overwrites everything with white.  Here is the class in my css and the div in my master page

    #page
    {
        width: 880px;
        margin: 0 auto;
        padding: 0px 0px;
        background-image: url('images/parchment.jpg');
        background-repeat: repeat;
    }

    <body>
        <form id="form1" runat="server">
        <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>
        <div id="wrapper">
            <!-- start header -->
            <div id="header">
                <div id="logo" align="center">
                    <div style="width: 582px; height: 90px;">
                        <asp:ContentPlaceHolder ID="LogoContent" runat="server" />
                    </div>
                </div>
            </div>
            <div id="menu" align="center" style="padding: 0 auto; margin: 0 auto;">
                <asp:ContentPlaceHolder ID="cphMenu" runat="server">
                </asp:ContentPlaceHolder>
            </div>
        </div>
        <div id="page">
            <!-- start content -->
            <div id="content">
                <div id="banner">
                    <asp:ContentPlaceHolder ID="BannerContent" runat="server" />
                </div>
                <div class="post">
                    <div class="entry">
                        <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
                        </asp:ContentPlaceHolder>
                    </div>
                </div>
            </div>
        </div>
        <div id="sidebar">
            <asp:ContentPlaceHolder ID="cphSidebar" runat="server">
            </asp:ContentPlaceHolder>
        </div>
        <div id="footer">
            <p id="legal">
            </p>
        </div>
       
        </form>
        <style type="text/css">body {background-image:url(http://www.infoservemedia.com/design/resources/backgrounds/photos/udq5j3xd0n.jpg);background-attachment:fixed;}.bkgspc {margin-top:10px;color:#909090;font-size:11px;font-family:Arial;}.bkgspc a {color:#909090;}</style><div class="bkgspc" align="center">Visit InfoServe for <a href="http://www.infoservemedia.com/design/resources/backgrounds/" target="_blank">backgrounds</a>.</div>
    </body>
  2. Katia
    Katia avatar
    194 posts
    Registered:
    01 Jul 2016
    01 Jul 2009
    Link to this post
    Hi David,

    I cannot reproduce the problem you have. Anyway, there are two possibilities I could think of. First, you might not have set the correct path to the background image, so please make you have (background-image: url('images/parchment.jpg');). Second, #page might not be cleared properly and might not have adequate height, so make sure you have floated and clear your elements correctly. I you want further assistance I will need your masterpage (~/App_Master) and site theme (~/App_Themes).

    Regards,
    Katia
    the Telerik team

    Instantly find answers to your questions on the newTelerik Support Portal.
    Check out the tipsfor optimizing your support resource searches.
  3. Yin
    Yin avatar
    3 posts
    Registered:
    15 Jun 2009
    01 Jul 2009
    Link to this post
    Hi,

    Actually, I have the same problem too.  I've followed step by step from the webinar tutorial, and when it comes to refreshing the Pages > Template in admin panel, my custom design doesn't appear.


    from,
    Yin
Register for webinar
3 posts, 0 answered