Inspecionar Elemento Google Chrome

[leilsonlima]

Boa noite pessoal,

 

Gostaria da ajuda de vocês para editar um css, estou inspecionando o elemento através do google chrome como mostra as imagens.

O modulo que estou usando de simulação de frete aparece normalmente no quando abro o site no computador, mas no celular ele aparece comprimido, usando apenas 50% do espaço do carrinho.

O que eu preciso é encontrar em qual arquivo está esse 50% para que eu possa alterar para 100%, já procurei em todos os arquivos do modulo e também no global.css e não encontrei.

Quando estou inspecionando o elemento e altero para 100% ele fica normal, só preciso encontrar em qual arquivo devo fazer essa alteração.

Segue imagens.

 

 

 

 

Procurei aqui no fórum a respeito desse problema, mas não encontrei.

[Daniel - PrestaBR]

Este é um CSS Inline, então não vai encontrar em um arquivo .CSS mas em um .TPL dentro do módulo, normalmente na pasta /views/*.

O ideal é você localizar esse arquivo e remover o parâmetro "width" e adicionar as classes "col-xs-12 col-sm-6". Daí o bootstrap faz o resto.

[leilsonlima]

Bom dia Daniel, muito obrigado por sua ajuda, estava a 3 dias dias tentando resolver esse problema sem sucesso, mas agora com sua instrução fui direto no arquivo que precisava do ajuste.

O arquivo que precisei alterar no modulo fkcorreiosliteg2 foi o simuladorCarrinho.tpl, alterei o width : 50% para 100%, assim ficou correto.

 

Abraço.