Hi, I see where is the problem, when are register and you are in the same page, the colors are diferent…

Ohhh thanks!!1 very good!
thousand thanks
Best regards

Hi, is possible the problem is in this custom css? and for this, don´t see the buton
.header {
margin-top: 0px;
margin-bottom: 0px;
}
.header-wrapper, .page-wrapper .header .container, .page-wrapper .main-nav .container {
background-color: black !important;
}
@media (min-width: 1290px) {
.header .container {
width: 90%;
}
.header2 .logo {
width: auto;
}
.header .contact-us {
margin-top: 50px;
}
}
.header-type-2 .top-bar .container {
background-color: #f2e213;
}
@media (max-width: 767px){
.products-grid.product-count-3 .product:nth-child(n) {
width: 100% !important;
}
}
.wpml-ls-legacy-list-horizontal {
padding: 0px;
}
.wpml-ls-legacy-list-horizontal a {
padding-top: 0px;
}
.top-bar .top-links li a {
line-height: 1.9;
}
.top-bar h3 {
line-height: 1;
}
.header .contact-us {
margin-top: 8%;
margin-right: 50px;
}
@media only screen and (max-width: 890px) {
.header .contact-us {display: none;}
}
.header-type-2 .top-bar, .top-bar .container {
background-color:#f2e213;
}
.side-area-icon {
top: 10px;
}
.header .search .et-mega-search form input[type=”text”] {
background-color: white;
}
.top-bar p:empty {
display:none;
}
.top-bar .widget_icl_lang_sel_widget, .top-bar .top-content {
display: inline-block;
}
.top-bar .top-content {
margin-top: 1px;
position: absolute;
left: 50%;
transform: translateX(-50%);
}
.footer iframe {
pointer-events: auto !important;
}
.main-nav .menu>li>a {
padding: 16px 11px;
}
.top-bar .top-links li a,
.my-account-link:before, .logout-link:before,
.login-link:before, .register-link:before {
color: black;
font-weight: bold;
}
.single-product h2.product-name {
font-size: 20px;
}
.single-product h2.product-name, .single-product-page .product-info h4,
.single-product-page .product-info .sku_wrapper,
.single-product-page .product-info .posted_in, .single-product .quantity-box label,
.single-product-page .share-title, .single-product .tabs .tab-title.opened,
.single-product .tab-content h2, .single-product .page-content strong,
.single-product .title span, .single-product h3.product-name a,
#content_tab_additional_information table th, #content_tab_additional_information table td {
color: #1e1e1e;
}
.single-product .quantity input[type=number]{
color: #1e1e1e !important;
}
.single-product .page-wrapper, .single-product .page-content {
background-color: white;
margin-bottom: 0px;
padding-bottom: 40px;
}
.single-product .header-wrapper {
background-color: #151515;
}
.single-product .page-heading .title span {
font-size: 15px;
}
.single-product .title span, .single-product select, .single-product .quantity input[type=button], .single-product .quantity input[type=number], .page-heading .container,
#content_tab_additional_information table th, #content_tab_additional_information table td {
background-color: white !important;
}
.vc_column_container>.vc_column-inner {
box-sizing: border-box;
padding-left: 0px;
padding-right: 30px;
width: 100%;
}
.home .main-nav {
margin-bottom: 0px;
}
.home .page-content {
padding-top: 0px;
}
.quick-view-popup, .quick-view-popup select, .quick-view-popup .quantity input[type=button], .quick-view-popup .quantity input[type=number]{
background-color: white !important;
}
.quick-view-popup .quantity input[type=number],
.quick-view-popup .quantity-box label,
.quick-view-popup .share-title,
.quick-view-popup .product-name,
.quick-view-popup .product-info .sku_wrapper {
color: black !important;
}

can It be a problem with my topbar?

ohhhh Ok, thanks

yes, this I see, but I dont use the default page of products, I have 3-4 pages with module of WPbakery with woocommerce module

perfect and perfect!!!
thanks!

perfetc!!!
Thanks

Sorry but don´t anything…
And the colour?

Is the simple product page, for example this product https://www.spall.es/producto/sp-creator-conjunto-coleccion-pixie-creator

thanks
Best regards

very good!!
thanks!

for example, before my changes I enter in the seciton of products and in mobile I see 1 under 1 all products, now I see 2 under 2 the products…

in each photo or in the general options in the module?
Thanks

OMG!!! yes! yes!!
verey very good thanks!!

For example I put this code in my css aditional

.vc_column_container>.vc_column-inner {
box-sizing: border-box;
padding-left: 0px;
padding-right: 30px;
width: 100%;
}
I´ve got the picture is margin left good and text margin right good, but I dont get remove the space https://prntscr.com/jtln07 or this https://prntscr.com/jtln1t
I try in VC in my page home for example I select any options that you tell me in https://prntscr.com/jtloha But I dont have anything.

And I try to put down more the box module of my text ” nuestra empresa” so that it is centered with the photo on the left, but is impossible.

I want to put any modules in the home page similar to what was described, but I can´t remove spaces.
The finally hom I would same this https://prntscr.com/jtlqcu
thanks