Para configurar/personalizar o TEMA2 ARREDONDADO gratuito da LI+GOOGLE, pra mim é muito complicado, pois mexe muito com HTML e CSS, pois pela configuração normal não aceita alguns comando. Portanto, gostaria de saber se tem um expert do HTML e CSS que possa passar algum código, para deixar o layout quadrado gratuito do LI, arredondado. Isso é possível? Achei melhor, pois aceita todos os banners que são disponibilizados para colocar… Agradeço a compreensão, e toda ajuda possível.
Olá! Consegui arredondar boa parte do meu site com esse código, veja se funciona pra vc…
Código
/*arredondar quase tudo*/
div.filtro.lista.borda-principal {
border-radius: 10px;
}
div.componente{
border-radius: 10px;
}
div .caixa-facebook .hidden-phone {
border-radius: 20px;
}
div .redes-sociais .borda-principal {
border-radius: 20px;
}
.conteudo-topo .busca-mobile .atalho-menu {
border-radius: 10px;
}
#barraTopo .busca .botao-busca {
border-radius: 8px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.busca input {
width: 94%;
border-radius: 8px;
}
#barraTopo .carrinho>a i {
border-radius: 6px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
#barraNewsletter .componente input[type=“text”] {
border-radius: 10px;
}
#barraNewsletter .componente .botao {
border-radius: 10px;
}
#barraTopo .carrinho.vazio>a span {
height: 25px;
}
.produto .acoes-flutuante .close_float {
border-radius: 10px;
border-top-right-radius: 0;
}
.produto .acoes-flutuante {
border-radius: 20px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.botao.principal.botao-comprar, .botao.principal.grande, .acoes-produto-responsiva .tag-comprar {
border-radius: 10px;
}
img {
border-radius: 15px;
}
.elastislide-carousel ul li a {
border-radius: 10px;
}
.parcelas-produto .accordion {
border-radius: 10px;
}
.abas-custom .tab-content {
border-radius: 15px;
}
.produto .conteiner-imagem > div {
border: none;
}
.parcelas-produto .accordion .accordion-group .accordion-heading img {
border-radius: inherit;
}
.acao-editar>div * {
border-radius: 10px;
}
.finalizar-compra .caixa-sombreada {
border-radius: 20px;
}
.tabela-carrinho tr {
border-radius: 15px;
}
.carrinho-checkout .atendimento {
border-radius: 15px;
}
.resumo-compra.caixa-sombreada {
border-radius: 15px;
}
.carrinho-checkout .atendimento .icone-box {
border: none;
}
.fundo-principal, .botao.principal, .botao.principal:hover, .menu li:hover > a .fundo-secundario, .flex-control-paging li a.flex-active, .dropdown-menu > li > a:hover, .filtro.lista ul li label:hover, .filtro.lista ul li.active label, .menu-simples li a:hover, .menu-simples li.active a {
border-radius: 10px;
}
.menu.superior .nivel-dois {
border-radius: 10px;
border-top-right-radius: 0px;
border-top-left-radius: 0px;
}
.atalhos-mobile li {
border-radius: inherit;
}
.gateways-rodape li img {
border-radius: 0px;
}