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

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    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?

    Thread Starter mirix

    (@mirix)

    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.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

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

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

    Information on nth-child,
    https://css-tricks.com/how-nth-child-works/

    Thread Starter mirix

    (@mirix)

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

    Thread Starter mirix

    (@mirix)

    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?

    Thread Starter mirix

    (@mirix)

    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.