Editor CSS: Como utilizar

Modified on Wed, 22 Feb, 2023 at 1:43 PM

Esta ferramenta proporciona personalizar seu marketplace através das alterações que competem ao Editor CSS. Veja a utilização de maneira simples e rápida!

 

Configuração

 

 

1. No seu site, clique com o botão direito do mouse onde deseja fazer a alteração.


2. Clique em Inspecionar


3. Ao lado do código selecionado, copie os códigos CSS, de .header-search-input { até }, por exemplo:

.header-search-input {
  1. font-family: Open Sans;
  2. color: #ff6600;
  3. font-size: 14px;
  4. font-weight: 300;
  5. line-height: 25px;
  6. border: palegreen;
  7. background-color: inherit;
  8. display: block;
  9. height: 100%;
  10. width: 100%;
  11. padding-left: 1.25em;
  12. border-radius: 30px;
}


4. Acesse em seu Dashboard Aparência Editor CSS.


5. Cole os códigos copiados.


6. Realize as alterações que deseja: altere o código de color para inserir a cor de sua escolha, por exemplo. Para saber quais os códigos das cores que pretende inserir, clique aqui


7. Salve e pronto! A alteração já pode ser visualizada no site!


Saiba como ocultar um item através do editor CSS, clique aqui !


Saiba como alterara a cor de um item através do Editor CSS, clique aqui.

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons

Feedback sent

We appreciate your effort and will try to fix the article