Simple fix, but can't figure out what I need to edit.

  • Hi, I have been trying to make the blogroll in my category template look exactly like the blogroll on my homepage. I have almost got my category template to look like my main index template, except there is a gap that appears between the posts in my category template and I just can’t see what I need to tweak to get rid of it!

    The website is https://www.videogamecoupons.org

    I have uploaded what I believe to be the relevant parts of my style-section-layout.css to the pastebin below.

    https://pastebin.com/RAnps7b0

    ANY suggestions/help would be greatly appreciated!

Viewing 9 replies - 1 through 9 (of 9 total)
  • Moderator t-p

    (@t-p)

    in div.entry (could be line 29), remove the bottom-margin which appears to be 10px right now.

    Thread Starter The Night Fox

    (@the-night-fox)

    Hi, thanks for the reply. When I removed the padding it narrowed the gap, but completely removed the spacee around and between each post on the homepage. Do you have any other ideas?

    Moderator t-p

    (@t-p)

    what exactly did you remove?

    Thread Starter The Night Fox

    (@the-night-fox)

    On line 29 I removed “margin: 10px”. I know your previous post said bottom-margin, but that did not exist anywhere in the code I uploaded, so I assumed you meant the margin?

    Moderator t-p

    (@t-p)

    Instead, try replacing margin: 10px with:
    margin: 10px 10px 0 10px;

    see if this resolve the issue.

    Thread Starter The Night Fox

    (@the-night-fox)

    That kept the index page intact as far as I can see and closed the gap every so slightly on the category page. This change is live on the site now. You can see exactly how the category template differs by clicking on the ‘Gamestop Coupons’category header. Do you have any other ideas?

    Btw, seriously appreciate the help!

    Thread Starter The Night Fox

    (@the-night-fox)

    OK, I figured out how to solve the problem, but now I have another question.

    I’m trying to make the blogroll on my category page look exactly like the blogroll on my index page. The gap between the post title and the excerpt is wider on the category page than on the index page. Does anyone know what I need to edit to narrow this gap?

    Firefox: Firebug extension, or Google Chrome: Chrome Developer Tools extension.

    Use one of these two tools, which allow you to inspect any given element, and determine what styles are being applied (right down to the exact line of style.css).

    Thread Starter The Night Fox

    (@the-night-fox)

    Hi Chip,

    I am using firebug and was able to solve most of the issues, but I can’t seem to see what is creating the space between the post title and text body in the excerpts on my category template. Can you maybe take a look?

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Simple fix, but can't figure out what I need to edit.’ is closed to new replies.