SitePoint Sponsor

User Tag List

Results 1 to 9 of 9

Hybrid View

  1. #1
    SitePoint Member
    Join Date
    Nov 2012
    Posts
    18
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Need Help In Customizing A Template For Blogger

    Hello,

    I downloaded a third party template and I wish to implement on my Blogger blog. I am very new to HTML and have no clue about the language, but after researching a bit and playing around with the template i managed to make some changes as per my requirement.

    Now the issue is that, soon i will be applying for adsense and want to optimize the downloaded template according to it. The template looks pretty much good except for the THIN BORDER around the posts and sidebar widgets.
    I desperately want to remove this very border so that the various sections integrate seamlessly. It would be really helpful if someone could guide me through the procedure.

    PLEASE TAKE A LOOK AT THE ATTACHED SCREENSHOT
    Ys8ra.png

    LINK TO THE DOWNLOAD PAGE

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,320
    Mentioned
    462 Post(s)
    Tagged
    8 Thread(s)
    Quote Originally Posted by badritek View Post
    I desperately want to remove this very border so that the various sections integrate seamlessly. It would be really helpful if someone could guide me through the procedure.
    The page you linked to doesn't have those borders, from what I can see. So to help you with the borders in your page, we'd need to see your HTML and CSS as they exist now. Is your template online yet? Ideally, we need a link to that.

  3. #3
    SitePoint Member
    Join Date
    Nov 2012
    Posts
    18
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks for replying.

    Actually the link is not for the actual page, but is the official page from where i DOWNLOADED the XML. The screenshot is of my website where, i hope, you can see the thin borders around the post body and each sidebar widget.

    The test blog to which i have uploaded the new template, before applying to my actual website, is HERE

    This is the link to the actual XML - LINK

  4. #4
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,320
    Mentioned
    462 Post(s)
    Tagged
    8 Thread(s)
    OK, the borders that you see are caused by some styles that are set in the <head> section of your page. Find these two rules, and remove the bits in red to remove those borders:

    Code:
    #Blog1 {
    border: 1px solid #CCC;
    border-top: 0;
    }
    
    .sidebar .widget-content {
    color: #555;
    font-size: 14px;
    border: 1px solid #CCC;
    padding: 10px 15px;
    line-height: 1.3em;
    margin: 0 0 15px;
    }

  5. #5
    SitePoint Member
    Join Date
    Nov 2012
    Posts
    18
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I am very thankful to you. You really solved my problem. Thumbs up

    I hope you won't mind throwing some light on another thing which i am trying to customize. I have managed to change the post thumbnail size to 100 x 100 pixels and the homepage looks better now. I was wondering if i can increase the snippet word limit?
    Also, now that i have decreased the thumbnail size, the author, time stamp and Comments are positioned in line, but the Labels come in the line below these three. Take a look at the homepage HERE

    Can all these four sections be aligned properly? And can i increase the snippet word limit?

    Thanks a ton in advance.

  6. #6
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,320
    Mentioned
    462 Post(s)
    Tagged
    8 Thread(s)
    Quote Originally Posted by badritek View Post
    now that i have decreased the thumbnail size, the author, time stamp and Comments are positioned in line, but the Labels come in the line below these three.
    I'm sure you can change the length of the snippet, but someone who knows WP will have to advise on how to do that.

    As for the wrapping text, add the rule in red to the styles on your page (around line 63):

    Code:
    .post-body {
    line-height: 1.6em;
    margin: 0 0 0.75em;
    overflow: hidden;
    }

  7. #7
    SitePoint Member
    Join Date
    Nov 2012
    Posts
    18
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thank you once again.
    One last question - Will this thread be open for a couple of days? I am asking this because i am currently trying to modify the template and in case i come across a problem, it would be easier for me to approach the experts, including you Ralph, and ask for a solution.

    Thank you once again.

  8. #8
    Gre aus'm Pott gold trophysilver trophybronze trophy
    Pullo's Avatar
    Join Date
    Jun 2007
    Location
    Germany
    Posts
    6,056
    Mentioned
    219 Post(s)
    Tagged
    12 Thread(s)
    Quote Originally Posted by badritek View Post
    One last question - Will this thread be open for a couple of days?
    Threads tend to stay open indefinitely, but if you run into another (unrelated) issue it's best to start a new one.
    Also, don't forget to give the thread a descriptive title (as you did here), as this tends to increase your chances of getting a helpful reply.

  9. #9
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,320
    Mentioned
    462 Post(s)
    Tagged
    8 Thread(s)
    Yep, the thread will stay open, so feel free to post follow-up questions. As Pullo said, if the question is on a totally new topic, it's often better to start a new thread and start fresh.


Bookmarks

Posting Permissions

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