Title: hr modify?
Last modified: August 20, 2016

---

# hr modify?

 *  Resolved [dmeek](https://wordpress.org/support/users/dmeek/)
 * (@dmeek)
 * [14 years, 2 months ago](https://wordpress.org/support/topic/hr-modify/)
 * 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](https://wordpress.org/support/users/swansonphotos/)
 * (@swansonphotos)
 * [14 years, 2 months ago](https://wordpress.org/support/topic/hr-modify/#post-2567152)
 * 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](https://wordpress.org/support/users/dmeek/)
 * (@dmeek)
 * [14 years, 2 months ago](https://wordpress.org/support/topic/hr-modify/#post-2567158)
 * 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](https://wordpress.org/support/users/swansonphotos/)
 * (@swansonphotos)
 * [14 years, 2 months ago](https://wordpress.org/support/topic/hr-modify/#post-2567160)
 * 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](https://wordpress.org/support/users/dmeek/)
 * (@dmeek)
 * [14 years, 2 months ago](https://wordpress.org/support/topic/hr-modify/#post-2567166)
 * 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](https://wordpress.org/support/users/swansonphotos/)
 * (@swansonphotos)
 * [14 years, 2 months ago](https://wordpress.org/support/topic/hr-modify/#post-2567167)
 * site link?
 *  Thread Starter [dmeek](https://wordpress.org/support/users/dmeek/)
 * (@dmeek)
 * [14 years, 2 months ago](https://wordpress.org/support/topic/hr-modify/#post-2567168)
 * [http://leftwichlessons.com/?page_id=18](http://leftwichlessons.com/?page_id=18)
 * THANKS!
 *  [Pioneer Web Design](https://wordpress.org/support/users/swansonphotos/)
 * (@swansonphotos)
 * [14 years, 2 months ago](https://wordpress.org/support/topic/hr-modify/#post-2567172)
 * I am being redirected to:
 * //http://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](https://wordpress.org/support/users/dmeek/)
 * (@dmeek)
 * [14 years, 2 months ago](https://wordpress.org/support/topic/hr-modify/#post-2567179)
 * sorry, forgot that that page was members only. check out [http://leftwichlessons.com/](http://leftwichlessons.com/)
 *  [Pioneer Web Design](https://wordpress.org/support/users/swansonphotos/)
 * (@swansonphotos)
 * [14 years, 2 months ago](https://wordpress.org/support/topic/hr-modify/#post-2567187)
 * 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](https://wordpress.org/support/users/dmeek/)
 * (@dmeek)
 * [14 years, 2 months ago](https://wordpress.org/support/topic/hr-modify/#post-2567197)
 * BINGO! Damn browser. THANKS!
 *  [Pioneer Web Design](https://wordpress.org/support/users/swansonphotos/)
 * (@swansonphotos)
 * [14 years, 2 months ago](https://wordpress.org/support/topic/hr-modify/#post-2567201)
 * Please mark this as resolved.

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

The topic ‘hr modify?’ is closed to new replies.

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 11 replies
 * 2 participants
 * Last reply from: [Pioneer Web Design](https://wordpress.org/support/users/swansonphotos/)
 * Last activity: [14 years, 2 months ago](https://wordpress.org/support/topic/hr-modify/#post-2567201)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics