Customização

Personalize o design do “Layout 9”

19 views 16 de maio de 2018 13 de abril de 2020 admin 0

Aqui está um trecho especial para alterar o menu de “layout 9".

Bem assim:

Para fazer isso, basta adicionar o seguinte css na seção “personalização avançada" do seu editor:

.layout.l9 ul.items li {
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items:center;
border-bottom-width: 1px;
border-bottom-style: solid;
}
.layout.l9 li img {
margin: 0 0 0 10px;
}
.layout.l9 ul.items li p {
margin: 0 0 0 10px;
}

Informação:

box-bottom-width – é tamanho da sua borda

margin – espaços entre diferentes elementos

Obviamente, você pode alterar os valores de box-bottom-width ou margin.
exemplo: box-bottom-width: 4px

Não esqueça que também existem opções na etapa “Design" do seu editor.

Esse artigo funciona apenas para o Layout 9.

Isto foi útil?