is it possible to change the colour of the navigation bar

i wanna change the colour of this bit but i don’t know if it’s possible - if it is plz send the code 🙏

0 Kudos

Comments

Displaying 1 of 1 comments ( View all | Add Comment )

shiro

1711899805

yup its possible!! here is the colours code:

:root {

--logo-blue: #(color number);

--darker-blue: #(color number);

--lighter-blue: #(color number);

--even-lighter-blue: #(color number);

--lightest-blue: #(color number);

--dark-orange: #(color number);

--light-orange: #(color number);

--even-lighter-orange: #(color number);

--green: #(color number);

}

out of these, the 'lighter blue' is the colour of the navigation bar, so you just put the colour code of the colour you want there and then you delete the brackets!!

there should be a lot of guides for this, so if you need any more help personally i used this one: https://blog.spacehey.com/entry?id=925058 or you can ask me futher idm!!

Report Comment

oh and dont forget to put the whole code in between the style tags < style > and < / style > (without the spaces) otherwise it wont work!!

by shiro; 1711900096; Report

there is a way to do this without using variables:

nav .links{
background: (COLOR);
}

this way it's easier to change other navigation bar properties such as font, text color, size, etc!

by claude pie; 1712512315; Report

i forgot to mention - to change the color/font/size of the navigation LINKS you will need:

nav .links a{
/*PROPERTIES YOU WANT TO CHANGE*/
}

on hover:

nav .links a:hover{
/*PROPERTIES YOU WANT TO CHANGE*/
}

by claude pie; 1712513644; Report