"Read more" button

More
4 years 4 months ago - 4 years 4 months ago #7179 by Muchtar
Muchtar created the topic: "Read more" button
Hi,

I have two questions regarding "read more" button.

1. How can I re-addjust "Read more" button heights?


2. I want to remove the "Read more > " arrow button, and make it only just one frame. How can I do this?


Thanx
Attachments:
Last Edit: 4 years 4 months ago by Muchtar.

Please Log in or Create an account to join the conversation.

More
4 years 4 months ago #7182 by artur
artur replied the topic: "Read more" button
Hello,
Simply way :
1. Change image arrow - templates/jm-news-portal/images/button_bg.png
2. Add css style in 'less/custom.less'
a.readmore:after, p.readmore a.btn:after, .mod-articles-category-readmore a:after {
 background-color: transparent; /* remove background color from arrow */
}

Best Regards.

Please Log in or Create an account to join the conversation.

More
4 years 4 months ago - 4 years 4 months ago #7184 by Muchtar
Muchtar replied the topic: "Read more" button
Hi Artur,

I've managed to remove the arrow background, thanx. Now how can I change the "..." to "»" so it will become "Read more »".

Also, there is a big grey space after I remove the arrow. how can I to reduce this gap?

Attachments:
Last Edit: 4 years 4 months ago by Muchtar.

Please Log in or Create an account to join the conversation.

More
4 years 3 months ago #7269 by Muchtar
Muchtar replied the topic: "Read more" button
Hi,

how to adjust the hight "grey" background on Read more? and how to remove the "..." ?

Please Log in or Create an account to join the conversation.

More
4 years 3 months ago #7277 by artur
artur replied the topic: "Read more" button
Hello,
1)Arrow: You can add CSS with image:
a.readmore:after, p.readmore a.btn:after, .mod-articles-category-readmore a:after {
 background-image: url("../images/readmore.png");
}
Image localization - '/joomla/templates/jm-news-portal/images/readmore.png'

2) Background: If you want change background :
a.readmore, p.readmore a.btn, .mod-articles-category-readmore a {
background: red;
}

3) Dots: It depends where exactly this readmore is displayed.

Please Log in or Create an account to join the conversation.

Time to create page: 0.337 seconds

INDICO S.C.

ul. Wałowa 10/3, 84-200 Wejherowo, registered in Centralna Ewidencja i Informacja o Działalnosci Gospodarczej
NIP/VATID: PL5882424318

Copyright © 2009-2018 Joomla-Monster.com All rights reserved.

Joomla-Monster.com and this site is not affiliated with or endorsed by The Joomla! Project™. Any products and services provided through this site are not supported or warrantied by The Joomla! Project or Open Source Matters, Inc. Use of the Joomla!® name, symbol, logo and related trademarks is permitted under a limited license granted by Open Source Matters, Inc.