tbucks11

Hi, thank you so much for all your research,

I understand what you mean now. Is it possible then to put a border below my text instead of the underline? (Sorry if my questions are a little amateur!)

Cheers
Tha?s

Thank you Bojan,
I managed to see it in Firefox, actually what Im looking for is closer to the previous code, just with a bolder line and the smooth transition like the menu here: sleak is that somehow possible?
Im so sorry for the bother!

Hey Bojan,

I just replaced it and resetted Safari but I feel like nothing changed since the last code! Tell me if I’m wrong, maybe it just needs some time to go through?

Ah yes it does! That’s so great!
Is there a way that I can make the underline a bit bolder, and to make it appear more smoothly? I’m hoping to achieve something like on this website’s menu: https://sleak.tv
Thank you!!

I just put it back Bojan!
Thanks so much for your time on this.

Hey Bojan, I’m doing great and you?
Thank you kindly for your help, sadly this did not work!

This worked! Thank you Stephen.

Ok well we somehow resolved it! I have no idea how but resetting Safari was one of the steps.

Thank you Ruandre, he seemed to have settled it! Hope this will help other people in the future.

Hi Maria,
When you sent me this message a day ago, the padding was still 20px on my side, but somehow today it finally switched to 50! Super super weird.
Thank you so much for your help ??

Hi Maria,
No they are indeed already neatly spaced out, but I’d like them to be even further apart from each other. Now they are spaced out at padding: 15px 20px, but i’d like them to be padding: 15px 50px
??

Update: Managed uploading my child team, pasted the same code in my style.css

element {
}
.main-navigation a {
display: block;
text-decoration: none;
color: #333;
line-height: 1;
padding: 15px 50px;
}

But still no change!

Any one has any idea on how to get at this?

Out of curiosity, I tried changing the padding directly in the original theme’s editor, and it didn’t change anything on the website either… even though I can clearly see the padding increasing and decreasing when I manipulate the px in my firebug’s inspector.

Ok well sorry the spacing I tried putting above didn’t work :o)

So I tried using the firebug to change the padding of my titles, I then copy pasted the CSS code into a Custom CSS plugin:

element {
}
.main-navigation a {
display: block;
text-decoration: none;
color: #333;
line-height: 1;
padding: 15px 50px;
}

But no change, nothing!( other CSS codes I pasted in there worked earlier.)
The problem is that I can’t seem to be able to create a child theme because I can’t connect my firezilla to my website, so can’t change the coding in a child theme.

Hi Maria Antonietta!

Well, they aren’t “too” squeezed in, but I’d like the words to be more spaced from one another.
So instead of:

HOME WORKS ABOUT CONTACT

It’d be more of:

HOME WORKS ABOUT CONTACT

I tried the CSS you shared in my Custom CSS editor but it didn’t work unfortunately.

Thank you so much for your help though!