WordPress.org

Ready to get started?Download WordPress

Forums

Add vertical line to Suburbia theme (7 posts)

  1. mirix
    Member
    Posted 1 year ago #

    Hello,

    This is the blog:

    http://ofigurante.eu/?cat=17

    I would like to add a vertical line to the left in the second row. The problem is, if I do, the vertical lines in the middle become thicker and one of the posts in the first row comes down to the second row.

    I would be grateful if anyone could suggest a way of accomplishing this without altering the style/structure of the template.

    Regards,

    Miro

    NOTE: I have already asked this question in the WPSHOWER forum:

    http://wpshower.com/forums/showthread.php?t=3590&p=10343&viewfull=1#post10343

  2. Andrew
    Forum Moderator
    Posted 1 year ago #

    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?

  3. mirix
    Member
    Posted 1 year ago #

    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.

  4. Andrew
    Forum Moderator
    Posted 1 year ago #

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

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

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

  5. mirix
    Member
    Posted 1 year ago #

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

  6. mirix
    Member
    Posted 1 year ago #

    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?

  7. mirix
    Member
    Posted 1 year ago #

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

Topic Closed

This topic has been closed to new replies.

About this Topic