Return to previous page

Change homepage color - by sebdicam - on WordPress WooCommerce support

This topic has 17 replies, 3 voices, and was last updated 8 years, 1 months ago ago by Rose Tyler

sebdicam

Participant

October 11, 2016 at 17:44

Hello,

I would like to change black background homepage to white but keep header in black. Could you give me the code please?
Thank you.
Sébastien

#142330 Copied

16 Answers
Eva Kemp

Support staff

October 11, 2016 at 18:07
Hello,

I’ve added this code in Custom CSS:
```
.home.page.page-id-517 .page-wrapper {
    background-color: white !important;
}
.header-wrapper.header-type-1 {
   background-color: black !important;
}
```
Clear browser cache and check home page now.

Regards,
Eva Kemp.
#142335 Copied
sebdicam

Participant

October 11, 2016 at 18:15

HelLo Eva,

Perfect thank you.
How i can reduce width size of my website? Thank you

#142336 Copied

Eva Kemp

Support staff

October 11, 2016 at 18:32

Hello,

I’ve set “Large resolution from” value to 1600px in Theme Options > Responsive. Check the site now.

Regards,
Eva Kemp.

#142340 Copied

sebdicam

Participant

October 11, 2016 at 18:52

Hello,
Thank you. I try to adjust like i want but i have only 2 possible choices for width. When i put 1200px is very wide and 1350 it’s like now. I would like in the middle.

– (On homepage) Is it possible to have less space between header menu and banner:
Suivez-nous: MAEVA – BIENVENUE – WELCOME ! Contactez-nous en direct 24/7 via le chat

– On this page: https://aitoguerriersdupacifique.com/boutique/
Products titles in side bar are in white, we don’t see it, (last widget: Produits les mieux notés.)
I would like in grey. Is it possible to have the product picts of this widget smaller?

Thank you.

#142347 Copied
Eva Kemp

Support staff

October 11, 2016 at 19:46
Hello,

Products titles in side bar are in white, we don’t see it

I’ve added this code in Custom CSS:
```
.span3.sidebar.sidebar-left .product_list_widget a {
    color: grey;
}
```
(On homepage) Is it possible to have less space between header menu and banner:
Suivez-nous: MAEVA – BIENVENUE – WELCOME ! Contactez-nous en direct 24/7 via le chat

I’ve assigned custom class for the Text element http://storage4.static.itmages.com/i/16/1011/h_1476211243_7297836_a2f3bd3980.jpeg and added this code: http://storage2.static.itmages.com/i/16/1011/h_1476211319_5853099_7b87995baf.jpeg

Regards,
Eva Kemp.
#142349 Copied
sebdicam

Participant

October 12, 2016 at 09:05

Hello,

Thank you.
– I try to adjust width website like i want but i have only 2 possible choices for width. When i put 1200px is very wide and 1350 it’s like now. I would like in the middle.
– Title product font cart widget inside header menu is white. I would like black
– is it possible to have fine border around pict product in shop?

Thank you.

#142374 Copied

sebdicam

Participant

October 12, 2016 at 15:31

Hello,

Thank you.
– I try to adjust width website like i want but i have only 2 possible choices for width. When i put 1200px is very wide and 1350 it’s like now. I would like in the middle.
– Title product font cart widget inside header menu is white. I would like black
– is it possible to have fine border around pict product in shop?
-Checkout page: where can i change “payer avec paypal”
– Homepage: blog post font are in white, we don’t see them
-Homepage: i would like 4 columns products
– Hompage: where can i remove the pinterst & mail icon?
– shoppage (https://aitoguerriersdupacifique.com/boutique/): I changed number columns to 3 but i have still 5.
– In all categories product i would like 3 colums (big pict), most of them it’s not nice presentation: https://aitoguerriersdupacifique.com/categorie-produit/drapeaux/polynesie/
-Widget cart in side bar shop, i would like “voir panier” and “commande” in white
– Blog page: “read more” is white, we don’t see it.
– Home page on desktop and smartphone, it’s not the same order of post.

Thank you.

#142459 Copied
Eva Kemp

Support staff

October 12, 2016 at 15:35
Hello,

As I see product title is black color in cart widget in the header:
http://storage2.static.itmages.com/i/16/1012/h_1476282666_2557507_9739113f0a.jpeg
But other text is white. To change it add this code in Custom CSS:
```
.shopping-cart-widget .totals, .shopping-cart-widget .cart-popup .button {
   color: #000000 !important;
}
```
To add border for product image use this css code in Custom CSS:
```
.products-grid .product .product-image-wrapper {
    border: 1px solid black;
}
```
As for the site width try this css code in Custom CSS:
```
@media (min-width: 1200px) {.container {
    width: 1070px;
}}
```
Regards,
Eva Kemp.
#142460 Copied
sebdicam

Participant

October 12, 2016 at 15:45

Hello Eva,

Thank you.
For cart widget header, i speak about “Total” and “voir panier”, it’s still white.
– Checkout page: where can i change “payer avec paypal”
– Homepage: blog post font are in white, we don’t see them
-Homepage: i would like 4 columns products
– Hompage: where can i remove the pinterst & mail icon?
– shoppage (https://aitoguerriersdupacifique.com/boutique/): I changed number columns to 3 but i have still 5.
– In all categories product i would like 3 colums (big pict), most of them it’s not nice presentation: https://aitoguerriersdupacifique.com/categorie-produit/drapeaux/polynesie/
-Widget cart in side bar shop, i would like “voir panier” and “commande” in white
– Blog page: “read more” is white, we don’t see it.
– Home page on desktop and smartphone, it’s not the same order of post.

Thank you Eva.
regards
Sébastien

#142464 Copied
Eva Kemp

Support staff

October 12, 2016 at 19:07
Hello,

– Please check cart widget now.

– You can change “payer avec paypal” in woocommerce translation files where you translated this string.

–

Homepage: blog post font are in white, we don’t see them

I’ve changed the code in your Custom CSS to this:
```
.footer.footer-bottom-3 p > strong, .home.page.page-id-517 .post-info, .home.page.page-id-517 .post-description {
    color: black !important;
}
```
– As I see products are divided into 4 columns on home page:
http://storage5.static.itmages.com/i/16/1012/h_1476294267_9627760_a873773c80.jpeg

–

where can i remove the pinterst & mail icon?

I’ve added the code in CSS block on your home page http://storage6.static.itmages.com/i/16/1012/h_1476294831_7501799_166bc513be.jpeg

–

shoppage (https://aitoguerriersdupacifique.com/boutique/): I changed number columns to 3 but i have still 5.

I’ve changed the width in the code in Custom CSS:
```
@media (min-width: 1200px) {
.product-category {
    width: 25% !important;
    display: inline-block !important;
    clear: none !important;
    height: 250px;
}
```
Check now.

–

Widget cart in side bar shop, i would like “voir panier” and “commande” in white

I’ve added this css code:
```
.widget_shopping_cart_content a {
    color: white !important;
}
```
– “Read more” button has been fixed.

–

Home page on desktop and smartphone, it’s not the same order of post.

I don’t see any difference for posts displaying. Please show screenshots for better understanding.

Regards,
Eva Kemp.
#142492 Copied
sebdicam

Participant

October 12, 2016 at 19:41

Hello,
Thank you. All is almost perfect.

– i don’t find where to change “payer avec paypal”
https://aitoguerriersdupacifique.com/checkout/
– widget cart header: can i have the 2 buttons in red and white writing?
– widget cart sidebar: i would like the same size for the 2 red buttons.
– how to know the exactly size of categories or pict product to fill page :
https://aitoguerriersdupacifique.com/boutique/ : i would like to put 4 columns or fill with 3 columns.

Thank you
Sebastien

#142497 Copied
Eva Kemp

Support staff

October 13, 2016 at 09:09
Hello,

Please provide FTP credentials and specify how you want to change “payer avec paypal” button.

– I’ve added this code for cart widget buttons:
```
.shopping-cart-widget .cart-popup .button {
   color: white !important;
   background-color: red !important;
}
```
Please check.

– For sidebar buttons I’ve added this css code:
```
.woocommerce .widget_shopping_cart .button.wc-forward {
    width: 150px !important;
}
```
– I’ve changed the width in the code in Custom CSS for product categories columns:
```
@media (min-width: 1200px) {
.product-category {
    width: 31% !important;
    display: inline-block !important;
    clear: none !important;
    height: 250px;
}
```
Check now.

Regards,
Eva Kemp.
#142519 Copied
sebdicam

Participant

October 13, 2016 at 09:31

Hello,

Perfect thanks.

– Can i have less space between title product and price? but more space between stars and price:
https://aitoguerriersdupacifique.com/categorie-produit/joaillerie-t/tanebijoux/chevalieres-classiques/

– widget cart sidebar: i would like the same size for the 2 red buttons ( “voir panier” & “commande”)

Thank you.

#142521 Copied

Rose Tyler

Support staff

October 13, 2016 at 09:45

Hello,

Please, see screenshots: http://prntscr.com/ct969t, http://prntscr.com/ct96kh, http://prntscr.com/ct9780
You need to change these codes.

Regards,
Rose Tyler.

#142523 Copied

sebdicam

Participant

October 13, 2016 at 09:52

hello Rose,

Thank you.
regards
Sébastien

#142524 Copied

Rose Tyler

Support staff

October 13, 2016 at 09:59

Hello,

You are welcome!

Regards,
Rose Tyler.

#142526 Copied
Viewing 17 results - 1 through 17 (of 17 total)