Página 1 de 1

Como reduzo o tamanho das caixas de seleção?

Enviado: 27 Dez 2018, 10:57
por Dani888
Olá pessoal.

Como posso reduzir o tamanho das caixas de diálogo Nome, revisão, e mover um pequeno botão Continuar para o centro?

O tema é este:
http://www.spearthemes.com/oc-light/ind ... duct_id=48

Na imagem abaixo está como quero que fique:
http://prntscr.com/m066z7
O que é vermelho eu quero encolher para eliminar.

Obrigado

Re: Como reduzo o tamanho das caixas de seleção?

Enviado: 13 Fev 2019, 21:02
por leandrorppo
Olá,

Abaixo segue um link de um vídeo ensinando como devo alterar o arquivo:

catalog/view/theme/*/template/product/product.twig

Terá de mudar a div que envolve os campos:

De:
Código: Selecionar todos
<div class="col-sm-12">
Para:
Código: Selecionar todos
<div class="col-sm-6">

A div que envolve o botão:

De:
Código: Selecionar todos
<div class="pull-right">
Para:
Código: Selecionar todos
<div class="pull-left">



Ou pode também setar um estilo para o campo, caso prefira:
style="width:50%;"

<input type="text" name="name" value="" id="input-name" class="form-control" style="width:50%;">

Ou pode criar uma class CSS exclusiva e colocar os novos valores, exemplo:
<style>
.lrppo {
width:50%;
}
</style>

E no campo insirá-la:

<input type="text" name="name" value="" id="input-name" class="form-control lrppo">

Agora tem várias opções para executar o que quer, só escolher uma e ser feliz.