Home arrow Joomla Tutorials arrow How to stylize the Read More... link in Joomla
How to stylize the Read More... link in Joomla

The Read More... link in Joomla content items has the readon CSS class. So, in order to change it's atributes, you can edit/create the .readon class in the

joomla_installation_folder/templates/template_folder/css/template_css.css.

Learn how to customize the Read More ... link »

You can assign different CSS atributes to the readon class. For example a nice looking Read more button could have a CSS code like this:

a.readon {
display: block;
width: 99%;
font-family: Aria, Verdana, Tahoma, sans-serif;
font-weight: bold;
font-size: 12px;
padding: 4px;
background: #efefef;
border: dotted 1px #ccc;
color: #444;
}
 
a:readon:hover {
color: #fff;
background: #444;
border: dotted 1px #000;
}
Comments
Add New
Write comment
Name:
Email:
 
Title:
Please input the anti-spam code that you can read in the image.

3.26 Copyright (C) 2008 Compojoom.com / Copyright (C) 2007 Alain Georgette / Copyright (C) 2006 Frantisek Hliva. All rights reserved."

 
< Prev