Help set up right colour on CSS

Site URL: https://fernandaribas.com/

Hi everyone,

I currently have a feww code-injections on my website:

https://fernandaribas.com/

password: fr2021

h1 a:hover,{color: hsl(39, 96%, 39%)}
p a:hover,{color: hsl(39, 96%, 39%)}
p em{color:hsl(39, 96%, 39%);font-style:normal}
body p, .sqs-layout .sqs-block.html-
block p {text-align: justify !important;}
.site-header{position: absolute;}
#collection-6161a604808d18346b65fa6e .sqs-slice-navigation ul li:hover a{
  color: hsl(39, 96%, 39%);
}
#collection-6161a604808d18346b65fa6e .copied-notification {
  height: auto;
}
#collection-6161a604808d18346b65fa6e .sqs-slice-social-icons svg .use-icon {
  fill: hsl(39, 96%, 39%) !important;
}
.index-nav {
    display: none;
}

However, the code for another colour for navigation bar on home page is not working. Comes back to grey.

Another problem I found is that the colour I set up for paragraph and links on hover is not precisely the one I chose, it gets a littler "reder", as you can see on the images I attached.

When I open the menu on image1, you can see it's still yellow. However, when it finishes opening, it gets reder, image2.

Same happens with links on hover.

Could you help me?

Best,

Lucas.

Hi. This is homepage or which page? https://fernandaribas.com/

8 hours ago, tuanphan said:

Hi. This is homepage or which page? https://fernandaribas.com/

Hi!

navigation bar on home page is not working, here: https://fernandaribas.com/. comes back to grey.

menu gets reder when finishes opening at all pages, and also paragraph hover links are reder. 

hope you guys can help me!

best,

lucas.

You are using HSL color codes but you can look at a CSS Hex/RGB color chart, make one you like then convert it to hsl here:

https://www.rapidtables.com/convert/color/rgb-to-hsl.html

https://www.rapidtables.com/web/color/RGB_Color.html

17 minutes ago, derricksrandomviews said:

You are using HSL color codes but you can look at a CSS Hex/RGB color chart, make one you like then convert it to hsl here:

https://www.rapidtables.com/convert/color/rgb-to-hsl.html

https://www.rapidtables.com/web/color/RGB_Color.html

 

thanks for the tip, but unfortunatelly it did not work setting up the color codes with hex or rgb 😞

On 12/5/2021 at 12:58 AM, lpbarros93 said:

thanks for the tip, but unfortunatelly it did not work setting up the color codes with hex or rgb 😞

You mean hover item >> Need to change to another color. The above code works on Edit Mode & don't work in preview?

This page is Cover Page. The CSS in Custom CSS can't run on Cover Page.

Wrap your code in Style tag & add to Cover Page Header

Quote

<style>

paste your CSS here

</style>

On 12/8/2021 at 5:23 AM, tuanphan said:

You mean hover item >> Need to change to another color. The above code works on Edit Mode & don't work in preview?

This page is Cover Page. The CSS in Custom CSS can't run on Cover Page.

Wrap your code in Style tag & add to Cover Page Header

thanks! it worked on cover page! 

but menu gets reder when finishes opening at all pages, and also paragraph hover links are reder. it's not the colour I've set up.

hope you guys can help me!

On 12/9/2021 at 10:29 PM, lpbarros93 said:

thanks! it worked on cover page! 

but menu gets reder when finishes opening at all pages, and also paragraph hover links are reder. it's not the colour I've set up.

hope you guys can help me!

To code run on other page, you need to add code to Custom CSS (dont' use <style> & </style>)

To code run on Cover Page, add code to Cover Page Header (use <style> & </style)

To make code run on all pages, you will need to add code into both Custom CSS & COver Page Header