Joomla Templates Club 406,261 posts

[Dean Howarth Friend Dean HowarthJoin date: September 2014Posts: 126Downloads:0Uploads:4 Thanks: 13]

#158175

Hi I want to change the current readmore to a button based on a image, I can see it’s in template.css, does anyone know of the code that would make this into a button/image.?

Appreciate your help

[aman204 Friend aman204Join date: January 2010Posts: 1945Downloads:0Uploads:43 Thanks: 11 Thanked: 418 times in 356 posts]

#369635

You can change this::

a.readon {template.css (line 20)
background:#fff;
border: 1px solid #CCCCCC;
color: #999999;
}

to

a.readon {template.css (line 20)
background: url(“../images/sample.png”) no-repeat;
border: 1px solid #CCCCCC;
color: #999999;
}

and update image path accordingly

[Dean Howarth Friend Dean HowarthJoin date: September 2014Posts: 126Downloads:0Uploads:4 Thanks: 13]

#369652

Thanks aman,

Im close I now have the following code:

a.readon {
background: #fff;
background: url("/images/stories/rmore.png") no-repeat;
color: #999999;
}

I want to remove the text “read more” entirely and just have the image?, is that possible? You can see here my issue http://c2conline.com.au

[aman204 Friend aman204Join date: January 2010Posts: 1945Downloads:0Uploads:43 Thanks: 11 Thanked: 418 times in 356 posts]

#369664

<em>@deanandeva 212216 wrote:</em><blockquote>Thanks aman,

Im close I now have the following code:

a.readon {
background: #fff;
background: url("/images/stories/rmore.png") no-repeat;
color: #999999;
}

I want to remove the text “read more” entirely and just have the image?, is that possible? You can see here my issue http://c2conline.com.au</blockquote>

Change this::

a.readon {template.css (line 30)
background: url(“/images/stories/rmore.png”) no-repeat scroll 0 0 transparent;
color: #999999;
}

to

a.readon {template.css (line 30)
background: url(“/images/stories/rmore.png”) no-repeat scroll 0 0 transparent;
color: #999999;
display: block;
height: 25px;
text-indent: -999em;
}

[Author]

Posts