Color of Comment Authors and Nicescroll

[Dultus]

Hello,

I’m having two problems with the design.

First one being the color of authors of comments. Their names are about as dark as the design. I’d really love a light grey tone.

View post on imgur.com

The second problem is the nicescroll and the Header Style V2. If scrolling up the bar gets hidden behind the header. Is there a way to let the bar be on the very top of the design so to speak?

View post on imgur.com

I guess there are ways via css/HTML to fix it?

I’m also wondering what exactly the “Development mode” does.

I’d be glad for your support.

Have a nice day!

Best regards.

[Zex]

Hello, Dultus!

Can you give me your website address?

Thanks

[Dultus]

Sure,

https://www.dultus.com/

for a comment example

https://www.dultus.com/2017/01/07/currency-icon/#comments

• This reply was modified 5 years, 2 months ago by Dultus.

[Zex]

Insert the codes below, in Customize->General->Additional CSS:

1.

.comment-content .comment-author a, .nav-single a{
    
    color:gray;
}

Change the color per your needs.

2.

@media screen and (max-width: 992px){
 #wpadminbar, #masthead{
   position: fixed !important; 
   width: 100%;
   z-index:999; 
}
}

The development mode allows custom jquery codes in Custom JQuery Head and Custom jQuery Footer fields to work.

Regards

[Dultus]

The first one works as I wanted.

The second however did not. The problem still occurs. The Nicescroll-Bar is below the header. So it’s difficult to grap it. Instead your code removes the second header so to speak. I just want the scrollbar to be visible above all headers (but keeping it hidden when not hovering over it like used to).

View post on imgur.com

View post on imgur.com

And thank you for the information on the development mode.

• This reply was modified 5 years, 2 months ago by Dultus.

[Zex]

Sorry,
I was not understood your question well.

Insert next code instead of the code I gave you in the previous post.
2.

#wpadminbar,.sticky-header{
  
  z-index: 0!important;
}

Regards

[Dultus]

One step closer 🙂

It’s what I want but your code causes severe clipping issues when scrolling.

View post on imgur.com

[Zex]

Hi,

Please substitute previous code with the next one:

2.

#ascrail2000 {
        z-index: 9999!important;
}

Regards

[Dultus]

Ah, great. Now it works as I want it to.

Thank you for your help.

Have a nice day.

Best regards

[Zex]

Thank you,

I’m glad to help you.

Marking thread as “solved”.

[Author]

Posts