Personalização em CSS para o Supersite

Personalização com CSS

Para isso deixamos algumas ações abaixo, que podem ser aplicadas dentro do painel do seu site para realizar algumas personalizações.

Importante: Copie o código e cole dentro da opção (CSS) no seu painel

Configuração > Para desenvolvedores

Ocultar voltar ao topo:

#back-to-top .top div {
     display: none;
}

Mudar o Whatsapp para a lateral direita:

label[for="wa_toggle"] {
    right: 1rem;
    left: inherit;
}

#wa_popup {
   right: 2.5rem;
   left: inherit;
}

Ocultar do Rodapé a opção de horário de atendimento:

#atendimento-rodape {
     display: none;
}

Ocultar Marca da Websitego no rodapé:

.desenvolvido-com-responsivo {
    display: none;
}

.sites {
    display: none;
}

Texto justificado na (Página empresa) e (Sobre) na home:

.alinhamento-descricao-css{
    text-align: justify!important;
}

Texto justificado no título (Sobre) na home:

.alinhamento-titulo-css{
    text-align: justify!important;
}

Texto justificado nos (Posts do blog):

.alinhamento-blog-css{
     text-align: justify!important;
}

Ocultar Rodapé completo:

Ocultar aviso de cookies:

Mudar cor do botão CTA do menu:

.cta-menu {
      background-color: #00b768 !important;
}

Deixar o Banner sem recorte:

.img-cover {
      width: 100%;
      object-fit: contain;
}

.height-banner-mobile img {
     height: 100%; 
}

Mudar a cor do MENU superior: