www.webdeveloper.com
Results 1 to 6 of 6

Thread: Logo is not displaying

  1. #1
    Join Date
    Aug 2013
    Posts
    4

    Logo is not displaying

    Hi there,

    I uploaded my logo for my blog as my header, and it did not fully display. Here is what it looks like:

    https://forums.digitalpoint.com/atta...66-jpg.117572/

    How do I fix it so it shows the whole thing?

  2. #2
    Join Date
    Aug 2013
    Posts
    6
    Hi!
    Most probably it would be a div's width issue. Try to increase the width of div.
    If your just put code of header div with css properties then it'll be more helpful.
    Hope it'll help

    thanks

  3. #3
    Join Date
    Aug 2013
    Posts
    4
    Quote Originally Posted by iram View Post
    Hi!
    Most probably it would be a div's width issue. Try to increase the width of div.
    If your just put code of header div with css properties then it'll be more helpful.
    Hope it'll help

    thanks
    How do I do this? I'm a noob at HTML.

    Do you need the code of anything?

  4. #4
    Join Date
    Aug 2013
    Posts
    6
    Yes sure, then i can help you more. HTML and css code of your header div.

  5. #5
    Join Date
    Aug 2013
    Posts
    4
    Quote Originally Posted by iram View Post
    Yes sure, then i can help you more. HTML and css code of your header div.
    <div id='header-wrapper'>

    <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
    <b:widget id='Header1' locked='true' title='Test (Header)' type='Header'>
    <b:includable id='main'>

    <b:if cond='data:useImage'>
    <b:if cond='data:imagePlacement == &quot;REPLACE&quot;'>
    <!--Show just the image, no text-->
    <div id='header-inner'>
    <a expr:href='data:blog.homepageUrl' style='display: block'>
    <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block;padding-left:15px;padding-top:0px;'/>
    </a>
    </div>
    <b:else/>
    <!--
    Show image as background to text. You can't really calculate the width
    reliably in JS because margins are not taken into account by any of
    clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
    width if the user is using shrink to fit.
    This results in a margin-width's worth of pixels being cropped. If the
    user is not using shrink to fit then we expand the header.
    -->
    <div expr:style='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot; &quot; + &quot;background-position: &quot; + data:backgroundPositionStyleStr + &quot;; &quot; + data:widthStyleStr + &quot;min-height: &quot; + data:height + &quot;px;&quot; + &quot;_height: &quot; + data:height + &quot;px;&quot; + &quot;background-repeat: no-repeat; &quot;' id='header-inner'>
    <div class='titlewrapper' style='background: transparent'>
    <h1 class='title' style='background: transparent; border-width: 0px'>
    <b:include name='title'/>
    </h1>
    </div>

    and also


    /* Header-----------------------------------------------*/
    #header-wrapper{width:960px;margin:0px auto 0px;height:80px;padding:31px 0px 31px 0px;overflow:hidden;background:url() center top no-repeat;}display:none;
    #header-inner{background-position:center;margin-left:auto;margin-right:auto}
    #header{margin:0;border:0 solid $bordercolor;color:$pagetitlecolor;float:left;width:48%;overflow:hidden;}
    #header h1{color:#2D5594;text-shadow:0px 1px 0px #fff;margin:0 5px 0;padding:0px 0px 0px 15px;font-family:&#39;Oswald&#39;,Arial,Helvetica,Sans-serif;font-weight:bold;font-size:32px;line-height:32px;}
    #header .description{padding-left:22px;color:#2D5594;text-shadow:0px 1px 0px #fff;line-height:14px;font-size:14px;padding-top:0px;margin-top:10px;font-family:Arial,Helvetica,Sans-serif;}
    #header h1 a,#header h1 a:visited{color:#2D5594;text-decoration:none}
    #header h2{padding-left:5px;color:#2D5594;font:14px Arial,Helvetica,Sans-serif}
    #header2{float:right;width:51%;margin-right:0px;padding-right:0px;overflow:hidden;}
    #header2 .widget{padding:0px 15px 0px 0px;float:right}
    .social-profiles-widget img{margin:0 4px 0 0}
    .social-profiles-widget img:hover{opacity:0.8}
    #top-social-profiles{padding-top:10px;height:32px;text-align:right;float:right}
    #top-social-profiles img{margin:0 6px 0 0 !important}
    #top-social-profiles img:hover{opacity:0.8}
    #top-social-profiles .widget-container{background:none;padding:0;border:0}

  6. #6
    Join Date
    Aug 2013
    Posts
    4
    Hello? I really need the help that I can get.

Thread Information

Users Browsing this Thread

There are currently 2 users browsing this thread. (0 members and 2 guests)

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles