HTML Code to insert vertical divider

  • Resolved tiasvirtualoffice

    (@tiasvirtualoffice)


    13 years, 1 month ago

    Can I use a HTML Code to insert vertical divider on my front/home page in WordPress Twenty-Twelve child theme. I’d like on like this: http://www.clintonfoundation.org/ – on the left side of the “blog” sidebar/widget separating the two columns. Any info would be great, thanks!

Viewing 5 replies - 1 through 5 (of 5 total)
  • WPyogi

    (@wpyogi)

    13 years, 1 month ago

    Vertical lines are typically borders set in the CSS for elements.

    But there is no way to help more specifically without a link to your site (assuming that is not your site).

    Thread Starter tiasvirtualoffice

    (@tiasvirtualoffice)

    13 years, 1 month ago

    My site is: http://www.bodhicare.net/wp/

    I need that line in between the bottom columns. Any ideas?

    WPyogi

    (@wpyogi)

    13 years, 1 month ago

    First, you should be using a valid child theme — your style.css file should only contain changes to the parent CSS. I’d strongly suggest you go back and redo that child theme.

    Once you have that corrected, add this CSS:

    @media screen and (min-width: 960px) {
#secondary {
   border-left: 1px solid black;
   padding-left: 25px;
}
}

    Thread Starter tiasvirtualoffice

    (@tiasvirtualoffice)

    13 years, 1 month ago

    I was able to figure out the vertical line, why is my child theme not valid? Can you please explain, I would love to know how to make it valid. Thanks.

    WPyogi

    (@wpyogi)

    13 years, 1 month ago

    You copied the entire style.css file to the child theme – that’s not the same as using the @import line and only adding changes to the child theme style.css file.

    http://codex.ww.wp.xz.cn/Child_Themes

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘HTML Code to insert vertical divider’ is closed to new replies.