hr modify?

  • Resolved dmeek

    (@dmeek)


    13 years ago

    Hi all,

    Sorry for reposting, but was trying to get the <hr> in the subject heading.

    I’m a newbie and am trying a variety of ways to change the <hr /> in a WP page. I’ve added the <hr> button to the Visual Editor (functions.php). Now I can add an hr, and modify it, i.e. make it bigger,
    <hr style=”height: 2%;” />

    And I can see it bigger on the visual tab of the page, but NOTHING is there on the page when it is updated on the web.

    What I’m looking for is how to make a black, bold, hr line 60% across the page. Any suggestions? Do I need to modify the CSS (if so how/which .php) or can I just do it with HTML, if so, any hints would be much appreciated!
    Dave

Viewing 11 replies - 1 through 11 (of 11 total)
  • Pioneer Web Design

    (@swansonphotos)

    add this style to your stylesheet:

    .myhr {
     color: #000000;
     align: center;
     width: 60%;
     size: 10px;
}

    Adjust the height as desired

    And use this (X)HTML:

    <hr class="myhr" />
    Thread Starter dmeek

    (@dmeek)

    Thanks SwansonPhotos, but no dice. I added this to the style.css at the top:

    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, font, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td

    .myhr {
    color: #000000;
    align: center;
    width: 60%;
    size: 10px;
    }
    }
    @font-face { etc etc…..

    uploaded it via ftp, and then pasted into the page:

    <h2> Fiddle with Guitar backup (normal tempo)</h2>

    <hr class=”myhr” />

    <h2> V

    but it just shoes up as a pretty nondescript grey hr.
    Any thoughts?

    Pioneer Web Design

    (@swansonphotos)

    You have inserted it improperly…

    Put it at the very bottom of the css file after all existing lines and remove only what you added above.

    Thread Starter dmeek

    (@dmeek)

    Thanks again Swanson Photos, but still strike out.

    I did as you suggested and pasted it at the very bottom of the style.css (see below). Is there a different place it should go?

    #ie7 section.recent-posts {
    margin-right: 7.6%;
    }
    .myhr {
    color: #000000;
    align: center;
    width: 60%;
    size: 10px;
    }

    Pioneer Web Design

    (@swansonphotos)

    site link?

    Thread Starter dmeek

    (@dmeek)

    https://leftwichlessons.com/?page_id=18

    THANKS!

    Pioneer Web Design

    (@swansonphotos)

    I am being redirected to:

    //https://leftwichlessons.com/?page_id=159&wlfrom=%2F%3Fpage_id%3D18

    So, are you actually trying to modify a form?

    From your link

    Thread Starter dmeek

    (@dmeek)

    sorry, forgot that that page was members only. check out https://leftwichlessons.com/

    Pioneer Web Design

    (@swansonphotos)

    The hr looks as it should to me using the css provided, clear your browser cache or review server cache settings

    Also, add height with a bottom border:

    .myhr {
     color: #000000;
     align: center;
     width: 60%;
     size: 1px;
     border-bottom:10px solid #000000;
}

    adjust 10px as required

    Thread Starter dmeek

    (@dmeek)

    BINGO! Damn browser. THANKS!

    Pioneer Web Design

    (@swansonphotos)

    Please mark this as resolved.

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘hr modify?’ is closed to new replies.