Support » Themes and Templates » Vertical line to the left of the text in Twenty Twelve

  • Resolved aclassifier

    (@aclassifier)


    At some places in http://www.teigfam.net/oyvind/home/technology/077-a-reactive-manifest/ I would like to have a vertical line to the left of the text.

    I see that table keeps only horizontal lines, and also takes over the font and text size.

    I would like that line to have no effect on the text, except have some margin to the text, of course. Would this be some kind of special-table that inherits from table, and how?

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

    (@wpyogi)

    Vertical lines are generally borders on elements on the page – where do you want the line(s)?

    BTW, this code in your style.css file should not be there:

    <link rel="shortcut icon" href="<?php echo get_stylesheet_directory_uri(); ?>/favicon.ico" />

    Only CSS can go in a CSS file.

    aclassifier

    (@aclassifier)

    Ok, I’ll remove the stuff tomorrow. I did some experiment a while ago and forgot to remove it.

    I want the line to the left of the text, at the left margin of the field text field. Or.. even 20 pixels into the text body..?

    WPyogi

    (@wpyogi)

    I’m still not totally sure what you’re after but try adding this CSS:

    .entry-content p {
        border-left: 2px solid #000000;
        margin-left: 20px;
        padding-left: 10px;
    }

    aclassifier

    (@aclassifier)

    Thanks!

    I added this to my style.css:

    /* Thanks to WPyogi 2013 11 18 */
    p.p_vline_left_gray {
       border-left: 1px solid #C0C0C0;
       margin-left: 10px;
       padding-left: 10px;
    }

    And this usage in the text:

    <p class="p_vline_left_gray">Text</p>
    aclassifier

    (@aclassifier)

    It does not seem to work on Chrome on OSX, but Safari on OSX and iOS are fine?

    See bottom of http://www.teigfam.net/oyvind/home/technology/061-wordpress/#p_vline_left_gray

    I don’t even know how to attack this!

    aclassifier

    (@aclassifier)

    All of a sudden it works on Chrome. Might have been the cache.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Vertical line to the left of the text in Twenty Twelve’ is closed to new replies.