Changing the Blue Divider Line

 

Question:

How can I change the Blue line to a different color?

blue line all-in-one

 

Answer:

1) Log into WordPress

2) Click on “Appearance” -> “Editor”

3) A file called style.css should load by default – if not select it from the sidebar on the right.

4) Type or copy/paste the following – replace with your own hex color number (#611B21) and desired width (3px)

#devider{border-top: 3px solid #611B21;}

 

Display Alternatives for the Divider Line:

1) Not displaying the line at all:

#devider{display:none}

 

2) Making the line shorter and centered:

#devider{
width:800px;
margin-left: 70px;
}

 

3) Using an image instead of a solid line:

#devider {
background-image: url(“YOUR-IMAGE_URL”);
background-repeat: no-repeat;
height: 25px;
}

back to topics list

This entry was posted on Thursday, November 10th, 2011 at 9:53 pm and is filed under UserGuide. You can follow any responses to this entry through the RSS 2.0 feed.