Personalização do tema Enigma

Atualizado em

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.

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. © 2020 Ayrton's Biblical Page | Enigma Theme Developed by Weblizar Themes

 

:: 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:’Ezra SIL’, ‘Ezra SIL SR’, ‘Tinos’, ‘Frank Ruhl Libre’, ‘SBL’, ‘Cardo’, 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

Print Friendly, PDF & Email

Deixe um comentário