Use an image as a horizontal line
-
In my WordPress theme (Light of Peace by ThemeForest) images are used as horizontal dividing lines. In the style.css the line is:
.line { padding-bottom: 6px; display: block; background: url(img/content-divider.png) repeat-x left bottom; height: 36px; }
I would like to use these images throughout the site as dividing lines.
If I use the “add media” button to upload the image to a page, and then edit the image tag, I can remove the theme’s default border with a “no-border” but I can’t get the image to align left, with the text. It’s like the border is keeping the image from aligning even though it’s not visible.
Is there a way to add this image to pages without using image tags? (refer to the style.css somehow?) I would love a more “template” solution rather than having to copy & paste the tag once I get it right. That seems sloppy and tedious.
Here’s the page I’m referring to.
- The topic ‘Use an image as a horizontal line’ is closed to new replies.