Change Continue Reading Link To Button

[Eileen Starbuck 0]

On my blog page I had this working and it looked good...but all of a sudden it reverted back to original text and aligning on the left. Any ideas? This is the code I placed in my custom .css:

.continue_reading_link { font-style: italic; font-size: small; float: right; color: #555; background-color: #f1f1f1; padding: 5px 15px; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; } /* Change the color when hovering over Read more */ .continue_reading_link:hover { background-color: #4E7EAF; color: white; text-decoration:none !important; }

[beardedavenger 158]

Hey There! Try a.continue_reading_link Also, there's a free plugin in the store called [url="http://www.pagelines.com/store/plugins/sexy-snips/"]Sexy Snips[/url] which just so happens to have that snip. Naturally, I'm a bit biased but I think it helps. ;) Let me know if any of this helps! Nick

[Eileen Starbuck 0]

Nope. I tried Sexy Snips and none of those seemed to be working on my blog page either?! I think I have something messed up on my blog page. I can't get featured images to resize or this continue reading button to work. I have the 'front page' set to display my current posts...but none of my custom .css seems to be working on it.

[catrina 103]

Are you using any other custom CSS on your site? If so, what is it? It may be conflicting.

[Eileen Starbuck 0]

This is everything in my custom .css: [quote]body{} #branding { margin-bottom: -25px; } .searchform { z-index: 10 !important; } .post-thumb { margin-right: 0px; margin-bottom: 0px; } .post-thumb .c_img { background:transparent!important; box-shadow:0 0 0!important; border:0 none!important; } .share_buttons_simple_use_buttons { margin-top: 0px; margin-bottom: 0px; padding: 0px; display: inline-block; ) .continue_reading_link { font-style: italic; font-size: small; float: right; color: #555; background-color: #f1f1f1; padding: 5px 15px; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; } /* Change the color when hovering over Read more */ .continue_reading_link:hover { background-color: #4E7EAF; color: white; text-decoration:none !important; }[/quote]

[Rob 547]

Your site is under maintenance, so we cannot see anything or diagnose any of the CSS. When will you have maintenance finished?

[Eileen Starbuck 0]

ahhhh....sorry. I'm just moving all of my stuff over to PageLines. Took it offline... It's (hellingent.com/wordpress) Does that help you troubleshoot?

[catrina 103]

Thanks for the link. Try this CSS [code]a.continue_reading_link { font-style: italic; font-size: small; float: right; color: #555; background-color: #f1f1f1; padding: 5px 15px; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; } a.continue_reading_link:hover { background-color: #4E7EAF; color: white; text-decoration:none !important; }[/code]

[Eileen Starbuck 0]

...didn't seem to effect anything.

[Eileen Starbuck 0]

holy cow...I finally figured it out! look closely! ;-) I have a " ) " instead of " } " half way down. ;-) whew...I was starting to lose my mine!

[catrina 103]

Oh curly fries, yes, that can do it. I didn't see the code you posted before.