Os planos estão disponíveis em duas páginas, na inicial e na de planos, vamos aprender como editar as duas. Acesse:
Agora que já estamos no artigo, vamos descer esta parte do conteúdo até encontramos os planos, como na imagem a baixo.
Perceba que está num editor de texto, então basta apagar o conteúdo que deseja e substituir pelo novo.
Após editar clique em salvar e pronto, se recarregar seu site as alterações já vão estar aplicadas.
Caso deseja adicionar mais planos além dos 3 que já vem por padrão na página principal, adicione o seguinte código:
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 pricing--item pt--10 ">
<div class="title ">
<h3 class="h4" style="padding:0px"><span class="vc--parent" style="position:relative; height:100px; display:block"><img src="template/master/images/1estrela.png" style="position:absolute; top:-8px; left:0; height:100%" /><span class="vc--child" style="position:absolute; width:100%; text-align:center; bottom:10px; padding:0px; z-index:999"><b>Básico</b></span> </span></h3>
</div>
<div class="price">
<p>80<small>Mbps</small></p>
</div>
<div class="price" style="font-size: 25px; margin: 20px; line-height: 20px;">
<p><b>R$ 109,90/mês</b></p>
</div>
<div class="features">
<ul class="nav" style="display: flex; justify-content: center; flex-direction: column;">
<li><b>Velocidade 80Mbps</b></li>
<li>Upload 30Mbps</li>
<li>Download Ilimitado</li>
<li>Wi-fi Gratuito</li>
<li>BRDouble - 5 dias/mês</li>
</ul>
</div>
<div class="action"><a class="btn btn-default" href="/index.php?tipo=ecommerce&page=produtos">Ver Planos</a></div>
</div>
</html>
*col-lg-4 col-md-4 col-sm-4
é referente ao espaço que o campo vai ocupar, para entender melhor, veja informações sobre o grid bootsrap.
No editor clique no botão Código-Fonte e localize o final do código de um dos planos e adicione o código acima.
Após isto, só clicar em salvar e em seguida será possível visualizar a modificação na página inicial: