Navigation hover: how to extend hover color beyond just text?

Resolved artisana
(@artisana)

9 years, 9 months ago

Hello! I am loving the theme!!

I have one question that I have not been able to solve on my own.

I would like for the color (when hovering over the main nav items) to extend a few px’s to the right and left of the text:

{See the site in question here}

I’ve tried adding padding to the child theme css item: .main-navigation li a:hover but the result is not optimal.

Any help is greatly appreciated!! Thank you in advance!

Viewing 7 replies - 1 through 7 (of 7 total)

ellp
(@ellp)

9 years, 9 months ago
Hello Artisana!

You need to paste this code on your custom css plugin form:
```
.main-navigation li a,
.main-navigation li a:hover{
padding:0 10px; /*replace this 10px for a value you like*/
}
```
Let me know if it works…
Thread Starter artisana
(@artisana)

9 years, 9 months ago

thank you!!

ellp
(@ellp)

9 years, 9 months ago

Glad it helps Artisana!

Let me know if you need more help in the future 😉

Thread Starter artisana
(@artisana)

9 years, 9 months ago

Yes, I greatly appreciate your help. There is so much to learn, and it’s great to have others lift you up rather than shame you for not knowing yet 🙂

If you have time and are willing, I do have another un-resolved post regarding edits to Tiny Forge, see here.

Thanks again!!!

ellp
(@ellp)

9 years, 9 months ago

Thanks for your kind words 🙂

Makes my day see people like you, taking your time to learn how the WP works. I will give some attention to my clients now and soon I can I will be glad to look at the your Tiny Forge problem 😉

Cheers!

Theme Author Tomas Mackevicius
(@tomasm)

9 years, 9 months ago

Hi, Evandro,

thanks for helping Tiny Forge users! Currently my free time is very very limited and I have to do hard decisions – work on theme, fix bugs, etc. or answer user questions… so it is always great help when users can help each other 🙂

BTW are you using Tiny Forge for any of your own projects?

ellp
(@ellp)

9 years, 9 months ago

Hello Tomas!

I’ve used your theme for some projects on my studio. I know how it is my friend… Tons of work, coding and so on. So If i can help, I will 😉

Thanks for your nice work! Keep going 😉

Cheers!

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Navigation hover: how to extend hover color beyond just text?’ is closed to new replies.

Tags