Archive Category Page Color

Public Ticket #20345

Conversation thread

PenciDesign Supporter replied

4 years ago

Staff Reply

Hi,

Please try to add this code:


.penci-pagination:not(.penci-ajax-more) span {
    color: #f1f1f1;
}

Then clear all the cache, auto-optimize cache & check again.

Regards,
PenciDesign.

ISOLE-GRECHE replied

4 years ago

Customer Reply

Nothing... I tried with many browsers (with cache deleted) and many PC... putting !important too. Nothing.

PenciDesign Supporter replied

4 years ago

Staff Reply

Hi,

About the color of the dots, please add this CSS code:

.penci-pagination,
.penci-pagination span {
    color: #111;
}

Regards,
PenciDesign.

ISOLE-GRECHE replied

4 years ago

Customer Reply

I noticed that the dots remained black even if I applied CSS

PenciDesign Supporter replied

4 years ago

Staff Reply

Hi,

You should modify the color at this code:

.penci-pagination:not(.penci-ajax-more) a {
    border-color: #ececec;
    color: #111;
    background-color: #fff;
}

Regards,
PenciDesign.

ISOLE-GRECHE replied

4 years ago

Customer Reply

.penci-archive__list_posts .penci-post-item .entry-title a:hover {
    color: #5CB4E8;
}
.penci-pagination:not(.penci-ajax-more) span.current {
    border-color: #2993D1;
    background-color:#2993D1;
    color: #fff;
}
.penci-pagination:not(.penci-ajax-more) a:hover {
    border-color:#5CB4E8;
    background-color: #5CB4E8;
    color: #fff;
}
.penci-pagination:not(.penci-ajax-more) a {
    border-color: #ececec;
    color: #111;
    background-color: #fff;
}

I already added this code. Can it give problems?

PenciDesign Supporter replied

4 years ago

Staff Reply

Hi,

Please go to Appearance → Customize → Additional CSS, add & modify the following CSS code:

.penci-pagination:not(.penci-ajax-more) span.current,
.penci-pagination:not(.penci-ajax-more) a:hover {
    background: #3f51b5;
    border-color: #3f51b5;
    color: #fff;
}
.penci-pagination:not(.penci-ajax-more) a,
.penci-pagination:not(.penci-ajax-more) span {
    background: transparent;
    border-color: #ececec;
    color: #111;
}

Regards,
PenciDesign.

ISOLE-GRECHE started the conversation

4 years ago

Conversation Start

How is possible to change number color?

Want to join this conversation or access attachments? Sign in first.