More in this section
Forums / Designing with Sitefinity / Can't change background of CSS div class

Can't change background of CSS div class

The forums are in read-only mode. In case that you want to directly contact the Progress Sitefinity team use the support center. In our Google Plus group you can find more than one thousand Sitefinity developers discussing different topics. For the Stack Overflow threads don’t forget to use the “Sitefinity” tag.
3 posts, 0 answered
  1. David
    David avatar
    3 posts
    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

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

        <form id="form1" runat="server">
        <asp:ScriptManager ID="ScriptManager1" runat="server">
        <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 id="menu" align="center" style="padding: 0 auto; margin: 0 auto;">
                <asp:ContentPlaceHolder ID="cphMenu" runat="server">
        <div id="page">
            <!-- start content -->
            <div id="content">
                <div id="banner">
                    <asp:ContentPlaceHolder ID="BannerContent" runat="server" />
                <div class="post">
                    <div class="entry">
                        <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
        <div id="sidebar">
            <asp:ContentPlaceHolder ID="cphSidebar" runat="server">
        <div id="footer">
            <p id="legal">
        <style type="text/css">body {background-image:url(;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="" target="_blank">backgrounds</a>.</div>
  2. Katia
    Katia avatar
    194 posts
    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).

    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
    15 Jun 2009
    01 Jul 2009
    Link to this post

    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.

Register for webinar
3 posts, 0 answered