More in this section
Forums / Designing with Sitefinity / Logo and GenericContent

Logo and GenericContent

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.
2 posts, 0 answered
  1. Randy Bauer
    Randy Bauer avatar
    67 posts
    Registered:
    25 Sep 2009
    05 Nov 2009
    Link to this post
    Hello,

    I'm trying to create a logo with some text.  I have one content place holder that is an image and the other is generic content.  Both are the same height.  I'm trying to get the text inside the generic content to center within the content area.  I've tried putting a "vertical align" (and a variety of other things) on bannerHeader, but the text is not centering vertically.

    I've also been trying to modify the advanced section of the Generic Content and that doesn't work.  Even if I put a simple change of the background color.  Do I need to do something to allow these setting to take affect?

     

    <div id="banner">   
         <div id="bannerImage">   
              <asp:contentplaceholder id="logoImage" runat="server" />   
         </div>   
         <div id="bannerHeader">   
              <asp:contentplaceholder id="logoContent" runat="server" />   
         </div>   
    </div>   
     

       

    #banner {  
        width: 896px;  
        height: 70px;  
        margin-right: auto;  
        margin-left: auto;  
        border-style:solid;  
        border-width: 1px;  
        border-color: Yellow;  
    }  
    #bannerImage {  
        width: 390px;  
        height: 56px;  
        border-style:solid;  
        border-width: 1px;  
        border-color: Green;  
        float: left;  
    }  
    #bannerHeader {  
        width: 400px;  
        height: 56px;  
        border-style:solid;  
        border-width: 1px;  
        border-color: Red;
        vertical-align: middle; 
        float: left;  

     

     Thanks in advance,

    Randy

     

     

     

     

     

     

     

  2. Randy Bauer
    Randy Bauer avatar
    67 posts
    Registered:
    25 Sep 2009
    05 Nov 2009
    Link to this post
    OK, I figured it out.  Had to put a line-height property to match the height property.

     

    #bannerHeader {  
        width: 300px;  
        height: 56px;  
        float: left;  
        line-height: 56px;  
        font-size: 16px;  
2 posts, 0 answered