green4547

Hi @kharisblank ,

It works perfect!

Thanks,

• This reply was modified 1 year, 7 months ago by green4547.

Hello again @kharisblank ,

One more thing to ask. On smaller screens (iPhone and iPad), the code works only partially. It may be the code below that does not work on smaller screens.

.nav-links .page-numbers:not(.dots):not(.current):hover {
  background-color: rgba(10, 193, 73,0.3);
}

Can you help me with this?

Hi @kharisblank ,

Thank you for the code. It worked great!

Best,

Hi @kharisblank,

Thank you for getting me back with the link below. It helps me a lot to explain what I would like to have.

https://s11.gifyu.com/images/SWEKC.gif

When the pointer is on “18” and “>”, I would like them to be in color different from that of “1”.

Also, when the pointer is on “dots”, it does not have to change its color. Currently, it changes the color to #0ac149.

I hope the above clarifies my request.
Best,

Hi @kharisblank ,

Thank you for the code. I guess the code may need a small change. I would appreciate your further assistance with this.

The site has the code below, which is exactly what you gave me except the color code (rgba). Could you check how the page indicator works on the site, which I hope will show you what part of the code needs changing.

In addition, the code worked less on smaller screens (iPhone and iPad). Can you check that as well?

Thanks!

.nav-links .page-numbers {
  background-color: #00542e;
}
.nav-links .page-numbers:hover {
  background-color: #0ac149;
}
.nav-links .page-numbers.current, .nav-links .page-numbers:not(.dots):hover {
  background-color: rgba(106, 168, 79,0.60);
}

Hi @kharisblank ,

I have confidence in you and your code. However, after trying to copy the code in a few different ways, it still did not work. I wonder why. Well, I leave them as they are.

Thank you anyway!

Hi @kharisblank ,

Unfortunately, the code did not work. I tried a few times. Would it be possible for you to provide me with a different code?

Thanks,

Hi,

I resolved it. Copying the code and pasting it in a different row made it function. I found it strange, but I should think that there must have been something wrong before.

Hi @kharisblank,

Thank you for the CSS code! The separate code also worked perfectly.

I appreciate your prompt response.

Hi @kharisblank,

Thank you for your prompt response. The code did work beautifully for the archive pages. I still have the same problems with category pages and tag pages. They are still all colored in pale green. Can give me another CSS? Thanks!

You can see one of the category pages below:
https://suzuki-akiko.com/category/attachment/

Also, you can see one of the tag pages below:
https://suzuki-akiko.com/tag/couple/