WordPress.org

Support

Support » Themes and Templates » Add vertical line to Suburbia theme

Add vertical line to Suburbia theme

Viewing 6 replies - 1 through 6 (of 6 total)
  • Moderator Andrew Nevins

    @anevins

    Forum moderator

    I would like to add a vertical line to the left in the second row.

    Can you describe by pinpointing a sentence, in the column/row you want this vertical line?

    To the left of the post entitled:

    “Resenha de Planh (Cazalis) no Caderno da Crítica”

    The vertical line is missing. In the original theme this is irrelevant because the lines have the same colour as the background (grey) and therefore you cannot notice if a line of the grid is missing. However, as soon as the background colour is changed, you see that a couple of lines are missing.

    Moderator Andrew Nevins

    @anevins

    Forum moderator

    Can you use CSS nth child for this?
    E.g

    .post.one:nth-child(6) {
     border-left: 1px solid black;
    }

    Information on nth-child,

    How nth-child Works

    It worked! No secondary effects so far. Thanks a million!

    I have tried a similar solution for the bottom of home page (ofigurante.eu) to the left of the “Navegação” section:

    .bottom:nth-child(4) {
     border-left: 1px solid black;
    }

    This makes indeed appear a line in the desired position. However, that pushes the “Feed” section down to a new line. Any ideas? Should I make the wrapper 1px broader or is there a simpler and more elegant solution?

    Indeed, making the wrapper width’s 1px larger solves the problem without apparent secondary effects.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Add vertical line to Suburbia theme’ is closed to new replies.
Skip to toolbar