Alterar FULL BANNER para 100% somente na largura, sem alterar a altura

Layout
1

Por gentileza, estou precisando de ajuda para configurar meu full banner.
O código que estou utilizando abaixo , altera para 100% a altura e largura. Preciso alterar somente a largura para 100%, sem alterar a altura.

.banner {
position: relative;
text-align: center !important;
}
.secao-banners .conteiner {
max-width: 100%;
padding: 0;
margin:0;
margin-top: 0px;
border:none;
width: calc(100% + 2px);
}
.flexslider {
background: 0;
margin: 0;
border: 0px !important;
overflow: hidden;
}

2

Vamos lá; vc irá inserir um código html

Local de publicação: rodapé
Página de publicação: todas
tipo: cascade style sheet (CSS)

insira este código;

.secao-banners .conteiner {
max-width: 100%;
padding: 0;
margin:0;
margin-top: 10px;
border:none;
}

.flexslider {
margin: 0 0 60px;
background: #fff;
border:none;
position: relative;
zoom: 1;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: ‘’ 0 1px 4px rgba(0,0,0,0.2);
-moz-box-shadow: ‘’ 0 1px 4px rgba(0,0,0,0.2);
-o-box-shadow: ‘’ 0 1px 4px rgba(0,0,0,0.2);
box-shadow: ‘’ 0 1px 4px rgba(0,0,0,0.2);
}

.secao-banners .tarja img{
display: block;
width: auto;
margin:auto;
}

a parte final do código é para o banner tarja ficar alinhado. Para mim resolveu.

1 curtida
3

No meu caso não esta funcionando. Me parece ter um erro na linha 21.

image
image1193×712 35.6 KB

4

deve usar aspas simples e não apostrofes.

-webkit-box-shadow: '' 0 1px 4px rgba(0,0,0,0.2);
-moz-box-shadow: '' 0 1px 4px rgba(0,0,0,0.2);
-o-box-shadow: '' 0 1px 4px rgba(0,0,0,0.2);
box-shadow: '' 0 1px 4px rgba(0,0,0,0.2);
5

fiz a alteração mas permanece o erro e o código não gera nenhuma alteração .

6

manda o print agora com essa alteração, por favor

7

Segue.

image
image1090×760 31.4 KB

8 
box-shadow: 0 1px 4px rgba(0,0,0,0.2);
1 curtida
9

Show. Funcionou certinho com essa alteração. Muito obrigado!

10

Obrigado, fiz aqui e alterou a largura 100%, segue abaixo o código inteiro.

.secao-banners .conteiner {
max-width: 100%;
padding: 0;
margin:0;
margin-top: 10px;
border:none;
}

.flexslider {
margin: 0 0 60px;
background: #fff;
border:none;
position: relative;
zoom: 1;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: " 0 1px 4px rgba(0,0,0,0.2);
-moz-box-shadow: " 0 1px 4px rgba(0,0,0,0.2);
-o-box-shadow: " 0 1px 4px rgba(0,0,0,0.2);
box-shadow: 0 1px 4px rgba(0,0,0,0.2);
}

.secao-banners .tarja img{
display: block;
width: auto;
margin:auto;
}