Archived

This topic is now archived and is closed to further replies.

  • 0

Horizontal Line Tag


Question

Posted · Report post

My site's currently on "away" mode as I'm updating it.

 

I wish to use custom lines underneath blog posts and even headers and footers as well.  Can this be done?

 

 

Here's the URL to the line I wish to replace the straight line I have now.

 

YOU GUYS ARE AWESOME.

 

Thanks for your help already.

 

http://thereasonilove.com/wp-content/uploads/2013/01/Reason_newlines.png

Share this post


Link to post
Share on other sites

3 answers to this question

Posted · Report post

I wish to have the line image show up whenever I think <hr> command would usually put a regular line.  I'm having trouble with the directions you gave...  Sorry, I'm not the best web-dev, just a photographer trying to do my best.  Is this something I could pay you/someone for?

Share this post


Link to post
Share on other sites

Posted · Report post

Hi thereason

 

We do have a group of Pagelines Pro's who could assist you www.pagelines.com/pros/

 

However using the code Danny's provided you could tweak the code to suit what you want to include. For example if you wanted to add a simple line you could use the below code in place of the image.

 

 

{border-bottom:1 px solid black;}

Share this post


Link to post
Share on other sites

Posted · Report post

Hi,

 

All you will need to do is inspect the different areas you wish to add this line image and using Firebug or your browsers built-in web dev tools, then use the background-image property and add the custom code to custom CSS.

 

For example, using the following code will add the image below each of your blog posts on the blog page.

 

#site .hentry .hentry-pad {
background-image: url(
Reason_newlines.png);
background-repeat: no-repeat;
background-position: center bottom;
padding: 0 0 40px;
}

http://d.pr/i/ukQr

Share this post


Link to post
Share on other sites