Joomla Templates Club 406,261 posts

[lavers69 Friend lavers69Join date: October 2009Posts: 17Downloads:11Uploads:2 Thanks: 2 Thanked: 2 times in 1 posts]

#191344

Hi everyone

Is there a quick way to get the Read more text for Joomla articles in a Blog category to show up. I have tried to adjust the article settings, the category global settings and also the Menu item settings but all I have is the arrow in the circle and no text afterwards. I appreciate that this is the design feature of the template, but I am receiving emails from visitors saying that they cannot find the full article.

Here is a link to an example blog page http://www.locationsdusud.fr/Sud-de-la-France-tourisme/Les-festivals-du-sud-France/

Thanks in advance

regards

Iain Laverock

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#509024

Hi Iain,

We customized read more button on Category Blog but if you would like to show as default, you can follow my below suggestion

Open templates/ja_mero/css/themes/light/template.css file

find and remove this script


.readmore .btn {
background: url(../../../images/readmore-bg.png) no-repeat left top transparent;
border: 0;
height: 20px;
margin: 0;
padding: 0;
width: 20px;
text-indent: -999em;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
}
.readmore .btn:hover {
background-position: left bottom;
}


Let me know it helps

Regards

[lavers69 Friend lavers69Join date: October 2009Posts: 17Downloads:11Uploads:2 Thanks: 2 Thanked: 2 times in 1 posts]

#509355

Hi

Thanks for your reply. Is there a way of getting the readmore button (I love the little arrow) with the text placed to the right after the button? Or am I asking for too much!

I love your template by the way. Lots of positive feedback from our clients.

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#509357

Many thanks enjoy our template if you would link to show button and right text after the button. You can customize it as follows

Open templates/ja_mero/css/themes/light/template.css file

From

.readmore .btn {
background: url(../../../images/readmore-bg.png) no-repeat left top transparent;
border: 0;
height: 20px;
margin: 0;
padding: 0;
width: 20px;
text-indent: -999em;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
}

Change to

.readmore .btn {
background: url(../../../images/readmore-bg.png) no-repeat left top transparent;
border: 0;
height: 20px;
margin: 0;
padding: 0;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
}

.readmore span {
margin-left: 25px;
}

[lavers69 Friend lavers69Join date: October 2009Posts: 17Downloads:11Uploads:2 Thanks: 2 Thanked: 2 times in 1 posts]

#511393

That is brilliant, it worked a treat. Thank you very much.

[Author]

Posts