Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Help set up right colour on CSS


lpbarros93

Question

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.

image1.png

image2.png

Link to comment
  • Answers 7
  • Created
  • Last Reply

Top Posters For This Question

7 answers to this question

Recommended Posts

  • 0
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>

image.thumb.png.c917bcb857943a51c28c45150e38fe01.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 0
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

image.thumb.png.c917bcb857943a51c28c45150e38fe01.png

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!

Link to comment
  • 0
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

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...