Border around my website logo in Blogger

Discussion in 'Graphics & Multimedia' started by psydex, Feb 14, 2010.

  1. #1
    Guys i have an annoing border around my logo too but can't find any way to remove it ! It's there in few days ago (after blogger updated. ... something) .
    Any ideas how to remove it? :confused:

    url: http://mobers.org
     
    psydex, Feb 14, 2010 IP
  2. turrant

    turrant Active Member

    Messages:
    143
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    63
    #2
    Add this to your main css style sheet:

    
    }
    a img { border-style:none; 
    text-decoration: none;
    }
    Code (markup):
     
    turrant, Feb 14, 2010 IP
  3. psydex

    psydex Greenhorn

    Messages:
    22
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    11
    #3
    Can you tell me where exactly i should put that?
    If you need i'll send you the whole template to you on PM
     
    psydex, Feb 14, 2010 IP
  4. moronic_kaos

    moronic_kaos Well-Known Member

    Messages:
    202
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    110
    #4
    Pretty much anywhere in the style tag (place it in the line just after the end of it's declaration to avoid interfering with anything else).

    Alternatively, you could put border=0 in the image tag itself.

    An example would be:

    <a href="myblog.com"><img src="logo.gif" border=0></a>
    Code (markup):
    Note: I wrapped it in "a href" (link) tags because I assume your logo is a link to your homepage, as this is the main cause of that ugly border around the image.
     
    moronic_kaos, Feb 14, 2010 IP
  5. psydex

    psydex Greenhorn

    Messages:
    22
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    11
    #5
    I couldn't find my logo link in the whole templeate code (it's added in another way by AP) so i cant use the second way. I'll try the first way (but i'm afraid i can mess up the whole thing when i'm not shure where exactly should i put this).
     
    psydex, Feb 14, 2010 IP
  6. kapkavino

    kapkavino Peon

    Messages:
    7
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #6
    From line 45 to 64 in your html code - is css style for your logo.

    Under this:

    #site-name {
    font-size:26px;
    color:#fff;
    text-transform:uppercase;
    padding:16px 0;
    }
    -----------------------
    Place this:

    #site-name img {
    border:0px solid #fff;
    }
     
    kapkavino, Feb 16, 2010 IP
  7. turrant

    turrant Active Member

    Messages:
    143
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    63
    #7
    Follow this instruction:

    1) Login to your blogger account

    2) On the Dashboard, click "layout"

    3) Click "Edit HTML" on top left menu

    4) A code window should come up

    5) On the code window scroll down to /* ---( page defaults )--- */

    6) Find:
    
    body {
      margin: 0;
      padding: 0;
      font-size: small;
      text-align: center;
      color: $textcolor;
      background: #e0e0e0;
      }
    Code (markup):
    7) Paste this code after it:

    
    a img { border-style:none; 
    text-decoration: none;
    }
    Code (markup):
    So it should look like this when done:
    
    body {
      margin: 0;
      padding: 0;
      font-size: small;
      text-align: center;
      color: $textcolor;
      background: #e0e0e0;
      }
    a img { border-style:none; 
    text-decoration: none;
    }
    Code (markup):
    7) Click "save template"

    that should do it
     
    turrant, Feb 16, 2010 IP
  8. psydex

    psydex Greenhorn

    Messages:
    22
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    11
    #8
    Thank you guys! And mostly thanks to @turrant!
    It worked ! I love you man :D

    You may now close this topic :rolleyes:
     
    psydex, Feb 16, 2010 IP
  9. turrant

    turrant Active Member

    Messages:
    143
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    63
    #9
    :D Good to hear it worked
     
    turrant, Feb 18, 2010 IP
  10. 1945

    1945 Peon

    Messages:
    50
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #10
    good work :)
     
    1945, Feb 18, 2010 IP