A button for blog...

[Amanda Bears]

 So on our front page, we feature blogs. (we call journals). I am curious to know if it's possible to change the "Continue reading..." (that used to be read more...) into a button that says "Continue reading..."  on the front page? (For blogs). 

 Kind of like this: 

 

[George H. Compton IV]

the text already says continue reading correct?

Try this will make it look like a button.

If it doesn't work I will need the link to the page :-)

<style>

A.xj_expandable {
border-style: solid;
border-width: 1px;
border-color: #C1C1C1;
border-radius:35px 75px 30px 67px;
background:transparent url(http://api.ning.com:80/files/J2XR*k6*l9WVW3DmFEvOGWRssQGzkP8Pl1osTjYS3HHwt7Wglb8P6NN2VjeNY2TMiJa2bHOKZgBy8laIEJF9q95S*kq0IQ16/continuereading.png)
}
</style>

_

[Amanda Bears]

 Thank you George =). It didn't work (but thank you SO much for trying)  :(

     here is the link to the site : Mammatropolis

[George H. Compton IV]

lol Yours just needed a lowercase "a" lol it works now :-) if you don't like the background image we can change that

<style>
.xg_widget_main_index_index, a.xj_expandable {
border-style: solid;
border-width: 1px;
border-color: #C1C1C1;
border-radius:35px 75px 30px 67px;
background:transparent url(http://api.ning.com:80/files/J2XR*k6*l9WVW3DmFEvOGWRssQGzkP8Pl1osTjYS3HHwt7Wglb8P6NN2VjeNY2TMiJa2bHOKZgBy8laIEJF9q95S*kq0IQ16/continuereading.png)
}
</style>

_

This is what It looks like

_

[Amanda Bears]

 =) Thank you George, for some reason my community is a butt. It isn't letting the button work =( darn thing. I so appreciate you trying though! You rock!

[George H. Compton IV]

it's working perfectly on my blogs. refresh the page and try again

if that doesn't work try this code

<style>
 a.xj_expandable {
border-style: solid;
border-width: 1px;
border-color: #C1C1C1;
border-radius:35px 75px 30px 67px;
background:transparent url(http://api.ning.com:80/files/J2XR*k6*l9WVW3DmFEvOGWRssQGzkP8Pl1osTjYS3HHwt7Wglb8P6NN2VjeNY2TMiJa2bHOKZgBy8laIEJF9q95S*kq0IQ16/continuereading.png)
}
</style>

_

in fact the buttons are working for me on your network

[Amanda Bears]

 refreshed and tried again, and tried this code as well LOL I swear my network is a goof! (Haha unless it's me LOL)

[George H. Compton IV]

leave the code in and shut your browser down and start it up again sometimes Internet Explorer, Firefox and Google chrome Have glitches after running for while.  The code is working perfectly.  Or ask one of your members to try it to make sure it's not your computer. lol

[Amanda Bears]

 Crap George I LOVE you! You did it! It works!!! Can we change the button color to orange. (Solid) if possible. This works!

[George H. Compton IV]

It's a background image you can upload any image you want and replace it in the code.

 if you want me to change the code so that it is just a background color I can do that. I Just like using images because you can style it with whatever image you want

I just thought of something if you're using Internet Explorer the only way to see it is in compatibility mode lol

[Amanda Bears]

 Na, I use Chrome not IE (meant). (responding to this msg since it wouldn't let me on the one below) oh sweet, I didn't know I can use any image. How rad. Thank you!

[George H. Compton IV]

here's the code for Orange but you'll need to change your font colors. I recommend you either download and re-upload the orange image or use one of your own I don't want it to disappear if I ever close my network. okay sweetie :-)

<style>
a.xj_expandable {
border-style: solid;
border-width: 1px;
border-color: #C1C1C1;
border-radius:35px 75px 30px 67px;
background:transparent url(http://api.ning.com:80/files/ybgzMaL1iXfby0MenxTXS4WQpJSNpCSwL0w2Rx...)
}
</style>
}

[Amanda Bears]

I tried doing one of my own (I might be doing it wrong) but I uploaded this, and used the URL in place of yours.. did I do it wrong?

 Image: