Return to previous page

Color problems - by Sporbillis - on WordPress WooCommerce support

This topic has 25 replies, 4 voices, and was last updated 9 years ago ago by Jack Richardson

Sporbillis

Participant

June 15, 2016 at 22:49

Hello after i’ve managed to change the background, header background based on your code i am facing the following issues :

See attached in private the link that contains 5 images. Please provide assistance.

Please, contact administrator
for this information.

#129841 Copied

24 Answers
Robert Hall

Participant

June 16, 2016 at 07:15
Hello,

PLease try use this code.

.shop_table .product-thumbnail { background: red !important; } .quantity input[type="button"] { background-color: red !important; } .input-text { background-color: red; } .flex-direction-nav a { background-color: red; } .products-grid .product { border: 1px solid red; } #payment { background-color: red !important; }

Regards,
Robert Hall
#129850 Copied
Sporbillis

Participant

June 16, 2016 at 11:45

Okay now the colors are correct but for the border around the images i want , when i hover with mouse to show white.

So static borded to be transparent or the same as the background #efeeec and when i hover to be white.

Please let me know

#129897 Copied
Eva Kemp

Participant

June 16, 2016 at 13:28
Hello,

Please use this code in custom.css file:

.products-grid .product:hover { border: 1px solid #fff; }

Regards,
Eva Kemp.
#129920 Copied
Sporbillis

Participant

June 16, 2016 at 13:39

Hello 1 more question. We changed our header from theme options. The problem is the menu size is too big and our logo is too small. When we had a different header the logo was bigger and the menu was slimmer

#129924 Copied
Robert Hall

Participant

June 16, 2016 at 14:19
Hello,

I’ve added this code into Child Theme. Please check.

@media (min-width: 1200px){ .header-type-3 .main-nav .menu { width: 770px !important; padding-top: 22px; } .header-type-3 .logo-with-menu { width: 400px; } }

Regards,
Robert Hall
#129944 Copied
Sporbillis

Participant

June 16, 2016 at 14:25

The logo now is bigger but the menu is very big. We want it to be slimmer.

#129949 Copied
Eva Kemp

Participant

June 16, 2016 at 18:41
Hello,

As you changed header type please use this code now:

@media (min-width: 1200px){ .header-type-4 .main-nav .menu { width: 770px !important; padding-top: 22px; } .header-type-4 .logo-with-menu { width: 400px; } }

Regards,
Eva Kemp.
#130003 Copied
Sporbillis

Participant

June 17, 2016 at 00:53

This code didn’t change anything, i cleared my cookies and nothing. As i asked i want the logo to bit smaller ( JUST A BIT ) and the menu thickness to be smaller.

#130026 Copied

Sporbillis

Participant

June 17, 2016 at 07:04

1. Hello i have managed to make the logo a bit smaller with the code you provided but the menu it’s still big. We want the menu to be shorter from top to bottom not from right/left.

2. See private . We also need the logo when scrolling a bit bigger.

Please, contact administrator
for this information.

#130032 Copied

Robert Hall

Participant

June 17, 2016 at 07:25

Hello,

I’ve changed code in the Child Theme. Please check it now.

Regards,
Robert Hall

#130038 Copied

Sporbillis

Participant

June 17, 2016 at 08:14

Can you tell me what you have added so i can change it as i like it ? Also I want to change the color of the divider below the menu and the color of the topbar. Can you show me the code for those too ?
Also i need to know to change the padding of the navigation menu that appears after you scroll

#130049 Copied

Sporbillis

Participant

June 17, 2016 at 09:10

Also the Link area of logo is way off. I only want to click on the image to show the transition of the cursor. Currently the hover area is in the middle of the menu for the logo
And the hover area for the menu is way below the menu, near the slider.

#130056 Copied

Sporbillis

Participant

June 17, 2016 at 10:14

Can someone reply?

#130075 Copied
Robert Hall

Participant

June 17, 2016 at 10:21
I’ve changed the padding value for menu. You can see it in style.css of the Child Theme.

divider –

.main-nav { border-bottom: 1px solid #d81515; }

top bar –

.header-type-3 .top-bar { background-color: #ce0c0c; }

padding of the fixed menu items –

.fixed-header .menu > li > a { padding: 16px 5px; }

Also the Link area of logo is way off. I only want to click on the image to show the transition of the cursor.

It caused because your logo image has a lot of empty space.
https://wrightwatches.com/wp-content/uploads/2016/05/wright-logo2400.png

See screenshot: http://prntscr.com/bhgduh

And the hover area for the menu is way below the menu, near the slider.

I’ve added this code in Child Theme. Please check.

.main-nav .menu > li > a, .fixed-header .menu li a { padding: 0px 5px !important; } .fixed-header .menu > li > a:after, .main-nav .menu > li > a:after { height: 0px; }

Regards,
Robert Hall
#130076 Copied
Sporbillis

Participant

June 17, 2016 at 10:40

Thanks,

More questions:

I am trying to center the menu and the scroll menu to the logos.

So normal menu centered horizontally with the logo

Scroll menu centered horizontally with the logo.

Also which part of the code i change for the navigation menu padding of the fixed menu to be moved up or down?
Also which part of the code i change for the navigation menu padding of the scroll menu to be moved up or down?
Also how do i remove the underline from hovering menu links ?

#130077 Copied

Sporbillis

Participant

June 17, 2016 at 10:54

Also the divider code you gave me changes all dividers on the site. I only want to change the menu divider.

#130078 Copied

Sporbillis

Participant

June 17, 2016 at 11:05

This is what we want to do :

https://scontent.fath3-2.fna.fbcdn.net/v/t35.0-12/13467466_10207655460728197_2099695099_o.jpg?oh=336755379074ede85454cbb84ae4b3d0&oe=5765D423

https://scontent.fath3-2.fna.fbcdn.net/v/t35.0-12/13467333_10207655460808199_108457452_o.jpg?oh=e3d77dc2c79d82d828439e55120854c9&oe=5765BF78

thanks

#130080 Copied
Robert Hall

Participant

June 17, 2016 at 11:32
As I see the menus are centered now.
http://prntscr.com/bhh4ty
http://prntscr.com/bhh4xe

You can move up or down the scroll navigation menu with this code in Child Theme.

@media (min-width: 1200px){ .fixed-header-area .fixed-header .logo-with-menu+div+div { padding-top: 28px; }}

and default menu

@media (min-width: 1200px){ .header-type-3 .main-nav .menu { padding-top: 20px; }}

to remove underline use this code

.header-type-3 .main-nav .menu > li > a:hover, .header-type-4 .main-nav .menu > li > a:hover { text-decoration: none; }

Also the divider code you gave me changes all dividers on the site. I only want to change the menu divider.

Please show us screenshot what you mean and how it should be.

Regards,
Robert Hall
#130082 Copied
Sporbillis

Participant

June 17, 2016 at 11:42

Bellow the slider the Lines around ” A Watch for life ” should be black same for #WRIGHTWATCHES lines

Also the hover links on scroll menu still have underline

#130087 Copied
Robert Hall

Participant

June 17, 2016 at 12:46
I’ve added this code. Please check.

.title:before { border-top: 1px solid #060606; }

Regards,
Robert Hall
#130105 Copied
Sporbillis

Participant

June 17, 2016 at 12:57

Okay thanks, one more thing. When i click on a menu link and it directs me to page. The link has underline if you are displaying that page. I want to remove that underline.

#130107 Copied
Robert Hall

Participant

June 17, 2016 at 13:08
Also added this code. Please check.

.header-type-3 .main-nav .menu > li.current-menu-item > a{ text-decoration: none; }

Regards,
Robert Hall
#130109 Copied
Sporbillis

Participant

June 17, 2016 at 20:22

Hello, thanks, if i need anything more on the colors i will make a new topic, please close this one.

#130147 Copied

Jack Richardson

Support staff

June 18, 2016 at 08:28

Hello,

You’re welcome.

Best regards,
Jack Richardson.

#130177 Copied
Viewing 25 results - 1 through 25 (of 25 total)