Return to previous page

Change link hover color - by panda - on WordPress WooCommerce support

This topic has 21 replies, 3 voices, and was last updated 9 years, 5 months ago ago by Eva Kemp

panda

Participant

November 4, 2014 at 14:43

So, I have a few Q’s:

1. I want to change the backgroundcolor of pagination links to black when hover(and the font to white).

I am using header 6.

2. Where/ How can I edit the padding between each link in main nav bar?

3. Can the shopping cart link & symbol be placed in the main nav bar?

4. And can you please log in to our site and check the speed. Its going slower and slower it seems. I’m thinking our settings probably arent ideal?

Custom code(s) would be appreciated.

Please, contact administrator
for this information.

#23083 Copied

20 Answers
Eva Kemp

Support staff

November 4, 2014 at 15:36
Hello,

1. Do you mean you want to change background color of menu items?
2. To change padding between menu items you need add this code to style.css of your child theme:
```
.main-nav .menu > li {
    padding-right: 20px !important;
}
```
Change the value to yours.
3. Unfortunately there is no such possibility. Sorry.
4. Your site is loading quite fast. There are no any issues on our side.

Regards,
Eva Kemp.
#23092 Copied
panda

Participant

November 5, 2014 at 15:16

Thank you for swift reply!

1. Yes, when hover above the link, the background of menu item should change color(black). Then it will look like a black box with contrasting(white) font inside.

2. Thank you.

3. No problem. I can use default header. But I’d like to center header image, as it floats to left when I disable search(!)

4. Ok then 🙂 It just seems a little slow when operating the dashboard and when loading changes. No problem.

I have some fresh questions though;

5. When enabling ‘boxed’ layout format there is a shadow. I dont want that shadow. Bad shadow. Bad.

6. Can I edit the color of the shopping cart icon?

7. And can I edit the name ‘cart’ to ‘bag’? as its clearly a shopping bag on display and not a cart 🙂

8. The same goes for ‘add to cart’ button.

9. Is it possible to edit the placement of the ‘shopping cart’ widget?

Thank you for a beautiful theme and thank you for your time!

#23307 Copied
Eva Kemp

Support staff

November 5, 2014 at 17:52
Hello,

1. I’ve added the following code to style.css of your child theme:
```
.main-nav .menu > li > a:hover {
background-color: black;
color: white !important;
}
```
Please check the menu. Is it displayed fine?

5. To remove the shadow for boxed layout I’ve added the following code:
```
.boxed .page-wrapper {
   box-shadow: 0px 0px 1px;
}
```
Please check it now.

6. You can change color of the shopping cart icon adding this code to style.css of the child theme:
```
.shopping-cart-widget .cart-summ > a:before {
    color: #000;
}
```
Set your color value.

7. To change Cart word you need edit header.php file (line 166) in wp-content/themes/legenda directory.

8. The button text can be changed in Woocommerce plugin folder – wp-content/plugins/woocommerce/includes/class-wc-product-simple.php and class-wc-product-variation.php files.

9. If you want to move from header then it can’t be done, but only inside the header area.

Thank you.
Regards,
Eva Kemp.
#23360 Copied
panda

Participant

November 6, 2014 at 14:21

Thank you ever so much Eva, very much appreciated.

Just a quickie regarding the header image;

I am now using the default header, but when disabling ‘search’ the image floats to the left. It should be centered. I reckon you have an easy fix for this? 🙂

#23491 Copied

Robert Hall

Support staff

November 6, 2014 at 15:19

Hello,

I’ve added some code into style.css of Child Theme. Check it please.

Regards,
Robert Hall.

#23506 Copied

panda

Participant

November 12, 2014 at 19:13

Thanks again!

I will have several questions ready for you in the near future 😉

There is this one big thing though – It seems the layout doesnt support masonry(?)

Then is it possible to set up masonry in the Revolution slider?

Have a good one!

#24330 Copied

Robert Hall

Support staff

November 13, 2014 at 10:18

Hello,

Could you please clarify with more details what exactly you want to do and show us screenshots?

Regards,
Robert Hall.

#24405 Copied

panda

Participant

November 14, 2014 at 14:45

check the link

Please, contact administrator
for this information.

#24663 Copied

Eva Kemp

Support staff

November 15, 2014 at 10:38

Hello,

Unfortunately there is no such function in Revolution Slider.
You may try to use some plugin to achieve masonry effect.

Sorry for inconveniences.
Regards,
Eva Kemp.

#24736 Copied

panda

Participant

December 1, 2014 at 19:50

Hello again,

hope you are well.

Please, contact administrator
for this information.

#27539 Copied

Eva Kemp

Support staff

December 2, 2014 at 14:02

Hello,

These changes can be made in style.css file of your child theme.
You need modify the view style using css code for each element.
If you have necessary skills you may try to do this. If you have any difficulties we’ll help you.

Thank you.
Regards,
Eva Kemp.

#27656 Copied

panda

Participant

December 3, 2014 at 03:32

Oh wow, hehe, I dont think I will start on that journey. That’d get me lost.

Please, contact administrator
for this information.

#27785 Copied
Eva Kemp

Support staff

December 3, 2014 at 19:30
Hello,

I’ve added the following code into style.css of your child theme:
```
.header7 .logo img {
    margin-left: 430px;
}
.main-nav .menu {
    margin-bottom: 40px;
    margin-top: -30px;
}

.shopping-cart-widget {
    padding-top: 60px !important;
    padding-right: 100px;
}

.container {
 margin-left: 100px;
}

.main-nav .menu > li > a, .product-categories > li > a, .widget_nav_menu li a {font-family: Helvetica LT Std;}
```
Please check the site now.

Regards,
Eva Kemp.
#27938 Copied
panda

Participant

December 4, 2014 at 00:53

Thank you for your time! We really appreciate it!!

I am not sure if it worked though?

Can you please login to our site and check?

#27976 Copied

Eva Kemp

Support staff

December 4, 2014 at 12:37

Hello,

Now your home page is shown this way: http://i.imgur.com/5vsWJ3u.png

Could you please specify what doesn’t satisfy you?
We’ll try to edit it.

Thank you.
Regards,
Eva Kemp.

#28031 Copied

panda

Participant

December 4, 2014 at 15:00

Sorry for my confusion, but isnt that the same layout as before? except header image now shows up right, overlapping the shopping bag widget.

Certainly dont look like this: http://www.panda.no/wp-content/uploads/2014/12/homepage1.jpg

It wasnt my intention to dump a lot of work on you, but it is what it is though.

Please double check 🙂

Thanks again.

#28072 Copied

panda

Participant

December 4, 2014 at 15:01

This is btw what I see on our page now.

Please, contact administrator
for this information.

#28074 Copied

Eva Kemp

Support staff

December 4, 2014 at 18:50

Hello,

What browser are you checking in?
I see your site correctly.
Otherwise you can remove the code I’ve posted and contact developers to change page template.

Sorry for inconveniences.

Regards,
Eva Kemp.

#28123 Copied

panda

Participant

December 4, 2014 at 23:45

I am using Chrome.

Tried deleting cache, without luck.

In firefox the header image is ok, but everything else is the same, the sidebar is not styled.

What browser are you using? Opera?

Just a bumb in the road. But would you say this is a little weird, no?

Cheers

#28163 Copied

Eva Kemp

Support staff

December 5, 2014 at 10:28

Hello,

Yes, there is an issue in Chrome browser.
I’ve removed the code from style.css of your child theme.
You have to contact developers to customize the home page template.

Sorry.
Regards,
Eva Kemp.

#28215 Copied
Tagged: change color, customize, design, link hover color, templates, woocommerce, wordpress
Viewing 21 results - 1 through 21 (of 21 total)