Support » Theme: Tiny Forge » Navigation hover: how to extend hover color beyond just text?

  • Resolved artisana


    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…

    thank you!!

    Glad it helps Artisana!

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

    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 😉


    Theme Author Tomas Mackevicius


    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 😉


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.