Please help

[Hellp343]

This is what i have right now:

https://cdn.discordapp.com/attachments/1061893436032172144/1073444235942047815/image.png
https://cdn.discordapp.com/attachments/1061893436032172144/1073444261921562724/image.png

This is what i want:

https://cdn.discordapp.com/attachments/1061893436032172144/1073444345090408528/image.png
https://cdn.discordapp.com/attachments/1061893436032172144/1073444373724938290/image.png

Please help me asap!

 

[Hellp343]

No i want the hover to be like the other photo. Bascially what im showing is when im hovering over a navigation. If you look at mine the entire thing lights up from the hover but on the other picture just a little bit light up

 

[Hellp343]

Its kinda hard to explain but if you look at the photos you’ll see

 

[thomsa]

Its kinda hard to explain but if you look at the photos you’ll see

Hellp343what url in pic ?

 

[Hellp343]

The first 2 urls is what i have now. And the 2 second is what i want

 

[thomsa]

The first 2 urls is what i have now. And the 2 second is what i want

Hellp343that pic not help you.

i what website url for help you.

 

[BattleKing]

I do not see really a difference in the images.

You want to have the box inside the navigation bar? Which theme is it

 

[Hellp343]

I do not see really a difference in the images.

You want to have the box inside the navigation bar? Which theme is it

BattleKingit is nova but it looks alot different than mine does right now, everything is bascially custom by me

 

[Hellp343]

 

[Hellp343]

Anyone that can help?

 

[Hellp343]

@BattleKing Still dont see the difference?

 

[Hellp343]

Now you should see the difference. Basically when hovering i want it to be like that. The first picture is what i want, and the second picture is mine right now.

 

[Hellp343]

Its not just hovering if you look at my name you can see a border around it. On the first picture its not covering the entire thing, but it does on the second.

 

[Splicho]

Send us a link to your forum, so we can experiment with dev tools.

 

[Hellp343]

My page is https://valonrp.se

 

[Hellp343]

@Waduhek Do you know what to do?

 

[Hellp343]

@BattleKing Do you understand now?

 

[Hellp343]

Anyone that can take a look?

 

[Hellp343]

Anyone that can take a look?

 

[BattleKing]

Anyone that can take a look?

Hellp343I'm looking into it, but still do not know what you mean, you mean you would like to get a smaller hover effect?

 

[Hellp343]

I'm looking into it, but still do not know what you mean, you mean you would like to get a smaller hover effect?

BattleKingIf you look at these pictures

Here, you see the difference right? like the buttons is boxed.

 

[BattleKing]

If you look at these pictures
View attachment 34186
View attachment 34187
Here, you see the difference right? like the buttons is boxed.

Hellp343you mean like that:

you need to add

padding-top: 10px;
padding-bottom: 10px;

to the .p-nav-inner element

and for the selected tab you need to change the background color:

 background: rgba(0,0,0,0.22);

.p-nav-list .p-navEl.is-selected element