Support Forums

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

Your Time: Our Time:

A do template

Featured Lock Resolved Task
Saudações aos amigo!
Como devo proceder para modificar as cores no template ONEPAGE?
Cor do fundo do menu, cor dos textos, tipo de menu.
Poderia ajudar-me, por favor?

Atenciosamente

Elio Lemos Martins

[attachment]<font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Editando cores.png</font></font>[/attachment]

Attachments (1)

  • Editando cores.png
    Editando cores.png 76.3 KB

12 Answers

Paul Frankowski - Staff

3 weeks ago #Permalink
Yes, you can use any color you need, also #89fa8f (luz verde)
Add also this:


.sppb-slideshow-fullwidth-item-bg .sppb-slideshow-fullwidth-item-text a.sppb-slideshow-fullwidth-read-more {
border: 1px solid #89fa8f;}
.sppb-teams-wrapper ul li.active .sppb-team-info {background: #89fa8f;}
.features-hexa .sppb-addon-feature .sppb-icon > span {background: #89fa8f;}
.features-hexa .sppb-addon-feature .sppb-icon span::before {border-bottom: 30px solid #89fa8f;}
.features-hexa .sppb-addon-feature .sppb-icon span::after {border-top: 30px solid #89fa8f;}

#mod-sp-simpleportfolio.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-overlay-wrapper .sp-simpleportfolio-overlay
{background: #89fa8f;}

Paul Frankowski - Staff

3 weeks ago #Permalink
Hi,
to change Yellow to Red or different color
para mudar de amarelo para vermelho ou cor diferente
please use custom CSS

.sp-megamenu-parent > li.active > a,
.sp-megamenu-parent > li:hover > a {
background-color: red;
color: white;
}



Custom CSS should be added here, in template settings

custom_css_helix3.jpg

Attachments (1)

  • custom_css_helix3.jpg
    custom_css_helix3.jpg 74.4 KB
Olá, caro Paul Frankowski
Não sei como agradecer, sua ajuda esta sendo muito importante para mim.
Mas, preciso da informação para mudar as cores conforme anexo.
Posso usar cores pontuais ( #89fa8f) no lugar de verde?
Sou um carioca que mora há 39 anos em Novo Hamburgo RS.
Atenciosamente

Elio Lemos Martins
[attachment]<font style="vertical-align: inherit;"><font style="vertical-align: inherit;">serviços.jpg</font></font>[/attachment][attachment]<font style="vertical-align: inherit;"><font style="vertical-align: inherit;">sobre nós.jpg</font></font>[/attachment]

Attachments (2)

  • serviços.jpg
    serviços.jpg 50 KB
  • sobre nós.jpg
    sobre nós.jpg 27.6 KB
Caro Paul Frankowski,
Agradeço a sua colaboração, sua ajuda foi fundamental.Como sempre mais uma ou 02 perguntas.
Eu posso simplesmente substituir o red ou green por #89fa8f?
Atenciosamente

Elio Lemos Martins

Paul Frankowski - Staff

3 weeks ago #Permalink
Claro, você pode alterar o código de cor para qualquer outro - dependendo de suas necessidades.
---
Of course, you can change the color code to any other - depending on your needs
Caro Paul Frankowski, bom dia!
Aqui no Brasil são 07:40, desculpe por não ter um English muito apurado, mas acredito que estamos conseguindo se comunicar. Eu estou muito feliz, pois a sua colaboração esta sendo fundamental para que eu posso concluir meu site. Mas, um questionamento. Como posso mudar a cor das setas (arrow) de rolagem do slideshow e a cor do botão ( VEJA O NOSSO TRABALHO), quando o mouse esta sobre êle na imagem anexa. Você poderia ajudar-me, por favor?
Atenciosamente
Elio Lemos Martins arrow_01.jpg

Attachments (1)

  • arrow_01.jpg
    arrow_01.jpg 54.9 KB

Paul Frankowski - Staff

3 weeks ago #Permalink
I thought that you're from Portugal, not Brasil. My mistake.
We have here 13:10 (different time zone)
---
Arrows (before and after hover of them)

.sppb-slider-wrapper.sppb-slider-fullwidth-wrapper .customNavigation a.sppbSlidePrev i
{ color: #89fa8f;}

.sppb-slider-wrapper.sppb-slider-fullwidth-wrapper .customNavigation a.sppbSlidePrev i:hover
{color: #C9FF79;}


Button hover

.sppb-slider-wrapper.sppb-slider-fullwidth-wrapper .sppb-slideshow-fullwidth-item-bg .container .sppb-slideshow-fullwidth-item-text a.sppb-slideshow-fullwidth-read-more::after {
background-color: #89fa8f;
}

Hi Paul,
The button hover ok, but the arrow no modify see attached images

Elio Lemos Martins 2019-05-28 (1).jpg 2019-05-28.jpg

Attachments (2)

  • 2019-05-28 (1).jpg
    2019-05-28 (1).jpg 49.6 KB
  • 2019-05-28.jpg
    2019-05-28.jpg 59.7 KB

Paul Frankowski - Staff

3 weeks ago #Permalink
Arrows, try this


.sppb-slider-wrapper.sppb-slider-fullwidth-wrapper .customNavigation a
{color: #89fa8f !important;}
.sppb-slider-wrapper.sppb-slider-fullwidth-wrapper .customNavigation a.sppbSlidePrev i:hover
{color: #89fa8f !important;}
Dear friend Paul,
I want to thank you for your help and to know if I can find you whenever I need it. Then there's one last question. How to change the background color and remove the logo when accessing the JOOMLA administration. See attached image.
graciously

Elio Lemos Martins change backgroun color.jpg

Attachments (1)

  • change backgroun color.jpg
    change backgroun color.jpg 25.9 KB

Paul Frankowski - Staff

3 weeks ago #Permalink
Read our blog post:
https://www.joomshaper.com/blog/joomla-admin-login-pages-change-like-a-pro
---
About the logo, just upload image 1x1 px (a small one)


There are no replies made for this post yet.
However, you are not allowed to reply to this post.

Leaderboard (30 days)

Sifat

Sifat

Total Accepted Answers: 114
Paul Frankowski

Paul Frankowski

Total Accepted Answers: 108
Toufiq

Toufiq

Total Accepted Answers: 37
Pavel

Pavel

Total Accepted Answers: 4
J

johnny

Total Accepted Answers: 3

100+

Templates

200,000+

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