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

  • Resolved artisana

    (@artisana)


    10 years, 4 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)

  • 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)

    thank you!!

    Glad it helps Artisana!

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

    Thread Starter artisana

    (@artisana)

    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!!!

    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)

    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?

    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.