Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Customize the button

Featured Lock Resolved Task
How to customize the button (read more) of the articles generated in the menu (featured articles) so that it appears in the same pattern as (email)?

Attached is an example image.

Attachments (1)

  • BOTAO.jpg
    BOTAO.jpg 603.9 KB

9 Answers

Paul Frankowski - Staff

More than a month ago #Permalink
Must be (small modification)


.readmore a,
.sppb-readmore {
height: 47px;
line-height: 47px;
border-radius: 2px;
font-size: 14px;
font-weight: 600;
letter-spacing: 1.3px;
color: #fff;
padding: 10px 25px;
text-transform: uppercase;
background-image: linear-gradient(286deg,#00d3a7,#02c0d0);
background-color: transparent;
border-color: transparent;
}
.readmore:hover a,
.sppb-readmore:hover {
color: #fff;
background-image: linear-gradient(286deg,#02c0d0,#00d3a7);
border-radius: 2px;
background-color: transparent;
border-color: transparent;
}

Sifat - Staff

More than a month ago #Permalink
Hi,
Thanks for your query. Please use this css into your custom css and that'll solve the issue for you.

.sppb-readmore {
height: 47px;
line-height: 47px;
border-radius: 2px;
font-size: 14px;
font-weight: 600;
letter-spacing: 1.3px;
color: #fff;
padding: 10px 25px;
text-transform: uppercase;
background-image: linear-gradient(286deg,#00d3a7,#02c0d0);
background-color: transparent;
border-color: transparent;
}
.sppb-readmore:hover {
color: #fff;
background-image: linear-gradient(286deg,#02c0d0,#00d3a7);
border-radius: 2px;
background-color: transparent;
border-color: transparent;
}



-Best Regards

dariogsilva

More than a month ago #Permalink
Hello, I inserted the "custom.css" but I did not get the result, it was the same.

Page Link: http://www.czcnet.com.br/czc2019/index.php/noticias/galeria-de-eventos

Follows image attached.

Attachments (1)

  • custom.jpg
    custom.jpg 131.7 KB

dariogsilva

More than a month ago #Permalink
Paul, now yes, thank you very much, it was show.

How do I increase the space on this same page, between the column rows, the button and the post title below, are very close together.

Follows image with detail.

Attachments (1)

  • space-articles.png
    space-articles.png 537 KB

Paul Frankowski - Staff

More than a month ago #Permalink
To fix space between

.readmore {margin-bottom: 25px;}


To fix menu items space

.sp-megamenu-wrapper > ul > li > a {padding: 0 17px;}


foto_2718_2019.png

Attachments (1)

  • foto_2718_2019.png
    foto_2718_2019.png 8.5 KB

dariogsilva

More than a month ago #Permalink
Paul .... thanks a lot ... Thanks, it was excellent. Big hug.

dariogsilva

More than a month ago #Permalink
Finally, I tried in the settings of the menu item, so that the title of the article is BELOW DATE and the DATE is above the title of the article. I already changed all the settings and could not.

Following is sample image.

Attachments (1)

  • text-date.jpg
    text-date.jpg 86.1 KB

Paul Frankowski - Staff

More than a month ago #Permalink
It's not so simple, it requests php code customization = beyond basic support.


There are no replies made for this post yet.
Be one of the first to reply to this post!

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 129
Toufiq

Toufiq

Total Accepted Answers: 100
Sifat

Sifat

Total Accepted Answers: 63
RV

RAFFAELE VIOLA

Total Accepted Answers: 2
IP

Ian Proffer

Total Accepted Answers: 1

116

Templates

299695

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us