Community Forums › Forums › Archived Forums › Design Tips and Tricks › Changing Post Divider
Tagged: post divider
- This topic has 14 replies, 2 voices, and was last updated 10 years, 4 months ago by nutsandbolts.
-
AuthorPosts
-
November 3, 2013 at 3:59 pm #70720AngieMember
I am using the Lifestyle theme. There are light gray bars between posts and I would like to change the image. Where and how do I do that?
My blog: http://www.yourdailydance.com/
Thank you for your help.
Angie
http:// http://www.yourdailydance.com/November 3, 2013 at 4:28 pm #70724nutsandboltsMemberThe image is set in your stylesheet. You can look for this rule to change the background to something else:
.post { background: url(images/line.png) bottom repeat-x; margin: 0 0 25px; overflow: hidden; padding: 0 0 25px; }
Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+November 3, 2013 at 6:41 pm #70735AngieMemberThank you Andrea. I tried replacing the url portion with the url of the divider image, but nothing happens.
November 4, 2013 at 1:11 am #70779nutsandboltsMemberCan you put it back in and leave it, then let me know? That way I can look to see why it's not showing up.
Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+November 4, 2013 at 8:23 am #70813AngieMemberI put it back - looking at it, I may need to tweak the image a bit, but it still is not showing up.
November 4, 2013 at 9:26 am #70838nutsandboltsMemberI'm still seeing the original path (images/line.png) in your stylesheet.
Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+November 4, 2013 at 9:50 am #70848AngieMemberThis is what I see:
.post {
background:http://s1351.photobucket.com/user/thehands1/media/border_zpsdd6ca5f9.png.html?sort=3&o=0 bottom repeat-x;
margin: 0 0 25px;
overflow: hidden;
padding: 0 0 25px;
}November 4, 2013 at 9:53 am #70850nutsandboltsMemberOkay, two things:
(1) Do you have a caching plugin active? That may be why I can't see the change to the stylesheet.
(2) The link you're using doesn't go directly to the image - it goes to a page with the image on it. Try uploading the image to your WP media library and using the direct URL instead.
Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+November 4, 2013 at 11:49 am #70871AngieMemberI tried it that way originally and could not get it to work either.
Here is what I have now.
.post {
background:http://yourdailydance.com/wp-content/uploads/2013/11/border-pic-jpg.jpg bottom repeat-x;
margin: 0 0 25px;
overflow: hidden;
padding: 0 0 25px;I do have W3 Total Cache installed.
Thank you for your help.
November 4, 2013 at 11:51 am #70872nutsandboltsMemberCan you use the "empty all caches" option? Right now I'm still seeing the old stylesheet.
Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+November 4, 2013 at 11:53 am #70874nutsandboltsMemberOh, and I just noticed you're missing something in your background rule. Change it to this:
background: url(http://yourdailydance.com/wp-content/uploads/2013/11/border-pic-jpg.jpg) bottom repeat-x;
You'll need to empty your cache again afterward.
Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+November 4, 2013 at 1:22 pm #70894AngieMemberThe bottom repeat-x; is there - does it need to be underneath it? I cleared my cache and still don't see anything.
Thank you so much for your help and your patience!
November 4, 2013 at 2:56 pm #70912nutsandboltsMemberNo, it's not the repeat-x; it's
url()
around the URL to the image.I still don't see it either; where exactly are you placing the CSS rules?
Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+November 8, 2013 at 12:34 pm #71727AngieMemberThank you so much Andrea! Somehow I missed this message earlier. That did the trick. I'm going to change the image, but at least now I know how to get it there.
Thanks again!
November 8, 2013 at 12:35 pm #71728nutsandboltsMemberNo problem - glad I could help! If you don't mind, please mark this topic as resolved so we'll know you've been helped. You can always open a new thread if you have other questions. 🙂
Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+ -
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.