How to Customize Enigma Theme?
A partir da versão 5.34, de 19.10.2019, o tema Enigma passou por mudanças significativas de código e de aparência. Além dos habituais problemas técnicos decorrentes desta mudança, para quem gostava da aparência anterior foi um transtorno.
Porém é possível recuperar um layout semelhante ao existente até a versão 5.33, de 20.09.2019, adicionando CSS personalizado em Aparência > Personalizar > Theme Options > Theme General Options – Custom CSS. Isto funciona, no meu caso, para a versão atual, 6.0.5, de 18.01.2020 [download aqui]. Mudanças futuras no tema podem exigir adaptações.
Observo que a partir de 01.10.2020, com o Enigma 7.0, nada disso está valendo. Nem precisa de personalização. O tema foi retirado da página do WordPress por vários meses, foi melhorado e voltou a funcionar como deve, quando instalado junto com o plugin Weblizar Companion. Especialmente a partir da versão 7.3, de 12.10.2020, Enigma está bem mais estável e bonito.
Entretanto, se alguém estiver com problemas no recolhimento do menu em dispositivos móveis, como aconteceu comigo, basta colocar o seguinte em CSS adicional:
.navbar .navbar-collapse.collapse.in {
display: block;
}
Não sou da área, minha especialidade é outra. Sou apenas um usuário curioso que tenta contornar os problemas que surgem na manutenção de minha página, Ayrton’s Biblical Page, onde uso o tema Enigma.
:: Links
Para modificar a cor dos links apenas na área de texto – How to change the color of the links only in the text area:
.enigma_blog_post_content a {
color: #428bca !important;
}
.enigma_blog_post_content a:hover {
color: #2a6496 !important;
}
:: Cabeçalho – Header
Para mudar a cor de fundo do cabeçalho – How to change the background color of the header:
.hd_cover {
background-color: #0090ab;
}
ou
.header_section {
background-color: #0090ab;
}
Para ampliar a altura do container do cabeçalho – How to increase the height of the header container:
.header_section {
padding: 14px;
}
Para mover os ícones de rede social para a margem direita – How to move social network icons to the right margin:
.header_section .social {
margin: 2px 0 0 auto;
}
:: Rodapé de widgets – Footer widget
Para trocar a cor de fundo do rodapé de widgets – How to change the background color of the footer widget area:
.enigma_footer_widget_area {
background: none repeat scroll 0 0 #21565e;
}
Para diminuir a altura da coluna vertical do rodapé de widgets – How to decrease the height of the vertical column in the footer widget:
.enigma_footer_widget_column {
margin-bottom: 0px !important;
}
.enigma_footer_widget_area {
padding: 14px 0 0px !important;
}
Para remover todos os dados da coluna do rodapé de widgets – How to remove all data from the footer widget column:
.enigma_footer_widget_column {
display: none;
}
:: Rodapé – Footer
Para ampliar a área do rodapé [footer_area] na versão 5.34 e seguintes cobrindo a área branca, e deixando o copyright e os ícones de rede social com cor branca – How to get rid of the white area at the bottom of the page in version 6.x.x:
.enigma_footer_area {
padding: 61px;
padding-top: 12px;
}
.enigma_footer_area p {
color: #ffffff;
}
.enigma_footer_area p a {
color: #ffffff;
}
.enigma_footer_social_div .social i {
color: #ffffff;
}
:: Área de texto – Text area
Para mudar a cor de fundo da área de texto – Changing the background color of the text area:
.enigma_blog_post_content {
background: #000000;
}
Para escrever em hebraico mantendo a serifa das fontes – How to keep the “serif” in Hebrew fonts:
:lang(he) {
font-family: ‘Cardo’, ‘SBL Hebrew’, ‘Ezra SIL’, ‘Ezra SIL SR’, ‘Noto Serif Hebrew’, ‘Noto Sans Hebrew’, ‘Open Sans Hebrew’, ‘Droid Sans Hebrew’, ‘Frank Ruehl CLM’, serif;
}
Links úteis
Tema Enigma e Support Forum
Como encontrar sites que usam o tema Enigma? WordPress Theme Universe e Themesinfo.
Precisa de um Child Theme? WordPress Child Theme Generator