You are on page 1of 5

Cores

roxo:
alaranjado:
cinza claro:

------------------------------------------------------------------
Css do menu
------------------------------------------------------------------
BUSCA de PRODUTOS descktop
------------------------------------------------------------------

.dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
border-color: #602D8F;
border-radius: 30px;

.dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit{border-bottom-right-radius:
20px;
border-top-right-radius: 20px;
}
------------------------------------------------------------------
HOME- CSS das setinhas dos banners
------------------------------------------------------------------
i.eicon-chevron-left {
background-color: #fff;
padding: 10px;
border-radius: 30px;
box-shadow: 0px 0px 4px -1px rgb(0 0 0 / 21%);}

i.eicon-chevron-right

{
background-color: #fff;
padding: 10px;
border-radius: 30px;
box-shadow: 0px 0px 4px -1px rgb(0 0 0 / 21%);}

@media (max-width: 700px) {

i.eicon-chevron-left {
background-color: #fff;
padding: 5px;
border-radius: 30px;
box-shadow: 0px 0px 4px -1px rgb(0 0 0 / 21%);}

i.eicon-chevron-right

{
background-color: #fff;
padding: 5px;
border-radius: 30px;
box-shadow: 0px 0px 4px -1px rgb(0 0 0 / 21%);}
}
------------------------------------------------------------------
CSS da pagina do carrinho
------------------------------------------------------------------

table tbody>tr:nth-child(odd)>td, table tbody>tr:nth-child(odd)>th{


background-color: #ffffff !important;
}

input#coupon_code {
width: 45%;
}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce


button.button.alt, .woocommerce input.button.alt {

background-color: #602D8F;
}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce


button.button, .woocommerce input.button {
background-color: #ccc;

border-radius: 30px;
font-family: montserrat;
font-weight: 400;

table td, table th{

border: none;}

.woocommerce table.shop_table{
border-collapse: none;

#add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-


checkout table.cart img {
margin-right: -200px;

width: auto;}

.woocommerce #respond input#submit.alt:hover, .woocommerce


a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce
input.button.alt:hover {
background-color: #602D8F;

}
.woocommerce table.shop_table{
border-collapse: collapse!important;

--------------------------------------------------------------------
css da caixa de variação do produto
-----------------------------------------------------------------------

td.value.woo-variation-items-wrapper {
background-color: #fff;
}

.woocommerce div.product form.cart .variations td, .woocommerce div.product


form.cart .variations th {

background-color: #fff;
}

td.value.woo-variation-items-wrapper {
margin-top: -23px;
margin-bottom: -23px;
}

.woocommerce div.product p.price, .woocommerce div.product span.price {


font-weight: 600;
font-size: 30px;}

.woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-
cart-enabled {
margin-top: 20px !important;
}
------------------------------------------------------------------
CSS do calculo de frete na pagina do produto
------------------------------------------------------------------

#shipping-calc #wscp-postcode.text {
width: 40%!important;
font-size: 14px!important;
}

#shipping-calc #wscp-button {
width: 20% !important;
;
}

#shipping-calc #delivery_truck{
width: 17%!important;
}

------------------------------------------------------------------
CSS da tabela de informações na pagina do produto
------------------------------------------------------------------

li#tab-title-description {
margin: 3px;
}

li#tab-title-additional_information {
margin: 3px;
}

li#tab-title-reviews {
margin:3px;
}
---------------------------------------------
css da pagina de minha conta
-------------------------------------------------
.woocommerce-MyAccount-navigation {
display: none;
}

.woocommerce-account .woocommerce-MyAccount-contente {
float: none !importante;
width: 100%;
background-color: #fff;
}

.woocommerce-account .woocommerce-MyAccount-content {
float: none;
width: 100%;}
a {
color: #2862AD;
}
---------------------------------------------------------
css do formulário de login na pagina de minha conta
----------------------------------------------------------

.bootstrap-wrapper .box{
padding: 0px !important;
box-shadow: none !important;
border-top: 0px !important;

.bootstrap-wrapper .wpuser_button {
border-radius: 30px !important;
background-color: #602d8f !important;
}

.bootstrap-wrapper .btn-primary {
border: none !important;
padding: 10px !important;
width: 70% !important;
}

input#wpuser_login1614466794320 {

padding: 15px !important;


}

bootstrap-wrapper .has-feedback .form-control {


padding: 20px !important;}

input#wpuser_register1614469154935 {
width: 300px !important;}

-----------------------------------------------------
css menu mobile barra de pesquisa
------------------------------------------------------------

.dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
border-color: #602D8F;
border-radius: 30px;
height: 30px !important;

.dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit{border-bottom-right-radius:
20px;
border-top-right-radius: 20px;
height: 30px !important;
}

You might also like