"Read more..." link not button?


Author Message
Mick

Posted: 2/6/2010
Quote message 

Is it possible to change the "Read More..." buttons into a styled text link - ie not be a button?
Thanks
 
Marcus

Posted: 2/6/2010
Quote message 

I was just looking for the same thing...

...looks like the button is a background image, not a real button (ie the link is still a text link even with the button, not an image link) so you can just set all the button colours to be background color. Not quite perfect because I guess an empty white image is still being loaded, but much easier than fiddling with the css file
 
Mick

Posted: 2/6/2010
Quote message 

Thanks, Marcus for the suggestion, that's certainly a possibility. But wouldn't that affect all buttons? I only want to change the Read More..., not things like Login or Submit.
 
Chantal

Posted: 3/8/2010
Quote message 

Did someone find a solutions for this? I'm looking for the same thing, without changing the other buttons.

 
Claudia

Posted: 3/9/2010
Quote message 

This is very interesting.
I have the opposite problem.
I'd like to have the read more as a button in Joomla whilst is just a text link.
How can you do this?
Is this a joomla parameter to set?
 
maka20

Posted: 4/26/2010
Quote message 

I had the same problem, i removed the read more button by editing the template.css:Go to your template.css and look for:
/* begin Button */
.art-button-wrapper .art-button
{

display: inline-block;
vertical-align: middle;
white-space: nowrap;
text-align: left;
text-decoration: none !important;
color: #000000 !important;
width: auto;
outline: none;
border: none;
background: none;
line-height: 33px;
height: 33px;
margin: 0;
padding: 0 21px !important;
overflow: visible;
cursor: default;
z-index: 0;
}

.art-button img, .art-button-wrapper img
{
margin: 0;
vertical-align: middle;
}

.art-button-wrapper
{
vertical-align: middle;
display: inline-block;
position: relative;
height: 33px;
overflow: hidden;
white-space: nowrap;
width: auto;
margin: 0;
padding: 0;
z-index: 0;
}

.firefox2 .art-button-wrapper
{
display: block;
float: left;
}

input, select, textarea, select
{
vertical-align: middle;

}

.art-block select
{
width:96%;
}

.art-button-wrapper.hover .art-button, .art-button:hover
{
color: #000000 !important;
text-decoration: none !important;
}

.art-button-wrapper.active .art-button
{
color: #67540F !important;
}

.art-button-wrapper .l, .art-button-wrapper .r
{
display: block;
position: absolute;
z-index: -1;
height: 99px;
margin: 0;
padding: 0;
background-image: url('../images/button.png');
}

.art-button-wrapper .l
{
left: 0;
right: 10px;
}

.art-button-wrapper .r
{
width: 409px;
right: 0;
clip: rect(auto, auto, auto, 399px);
}

.art-button-wrapper.hover .l, .art-button-wrapper.hover .r
{
top: -33px;
}

.art-button-wrapper.active .l, .art-button-wrapper.active .r
{
top: -66px;
}

.art-button-wrapper input
{
float: none !important;
}
/* end Button */
and change it with:
/* begin Button */
/*.art-button-wrapper .art-button
{

display: inline-block;
vertical-align: middle;
white-space: nowrap;
text-align: left;
text-decoration: none !important;
color: #000000 !important;
width: auto;
outline: none;
border: none;
background: none;
line-height: 33px;
height: 33px;
margin: 0;
padding: 0 21px !important;
overflow: visible;
cursor: default;
z-index: 0;
}

.art-button img, .art-button-wrapper img
{
margin: 0;
vertical-align: middle;
}

.art-button-wrapper
{
vertical-align: middle;
display: inline-block;
position: relative;
height: 33px;
overflow: hidden;
white-space: nowrap;
width: auto;
margin: 0;
padding: 0;
z-index: 0;
}

.firefox2 .art-button-wrapper
{
display: block;
float: left;
}

input, select, textarea, select
{
vertical-align: middle;

}

.art-block select
{
width:96%;
}

.art-button-wrapper.hover .art-button, .art-button:hover
{
color: #000000 !important;
text-decoration: none !important;
}

.art-button-wrapper.active .art-button
{
color: #67540F !important;
}

.art-button-wrapper .l, .art-button-wrapper .r
{
display: block;
position: absolute;
z-index: -1;
height: 99px;
margin: 0;
padding: 0;
background-image: url('../images/button.png');
}

.art-button-wrapper .l
{
left: 0;
right: 10px;
}

.art-button-wrapper .r
{
width: 409px;
right: 0;
clip: rect(auto, auto, auto, 399px);
}

.art-button-wrapper.hover .l, .art-button-wrapper.hover .r
{
top: -33px;
}

.art-button-wrapper.active .l, .art-button-wrapper.active .r
{
top: -66px;
}

.art-button-wrapper input
{
float: none !important;
}*/
/* end Button */
just comment /*the beginning and the end, or remove the background button image: background-image: url('../images/button.png');
My english is not so good,but i hope it willhelp you.


 
Jeanny

Posted: 12/16/2010
Quote message 

Hi,
unfortunately the description doesn´t help at my website: allegro7.de The button is not formatted like I did it in artisteer. I tried to comment out the code, with no result.
Can anybody help me?
Thanks in advance.
I.
 
Slava Novik

Posted: 12/18/2010
Quote message 

I have only text, my button dissapeared. Can anyone help to bring it back
 
Garry

Posted: 12/20/2010
Quote message 

Make sure your editor is adding correct code on adding read more.
 
Oscar

Posted: 12/22/2010
Quote message 

I've had the couldn't get the button to show only a text link and it turned out to be jcomments plugin.
I just went to the plugin and changed the last option "Readmore Style" .
This could solve both problems if you install jcomments plugin :

Hope this helps

Merry Christmas to everyone!

 
zeebeest

Posted: 4/8/2011
Quote message 

Quote Mick:

Is it possible to change the "Read More..." buttons into a styled text link - ie not be a button?
Thanks



I just found this tutorial on how to accomplice this:
http://caitlin.artisteer.net/joomla/remove-read-more-wrapper/

 
Yogi

Posted: 10/8/2011
Quote message 

Quote Oscar:

I've had the couldn't get the button to show only a text link and it turned out to be jcomments plugin.
I just went to the plugin and changed the last option "Readmore Style" .
This could solve both problems if you install jcomments plugin :


That worked... Thanks Oscar...

I knew its something to do with jcomments but didn't notice the plugin settings

Yogi
barnetpcservices.com