Pagination Css

  • Hey, i need some help.
    I installed a Pagination Plugin and inserted it, but the themecss for pagination is really bad. The hover is not that good as i wished it to be.

    I would like to have the active side with a grey background and the numbers seeable with a blue hover.

Viewing 10 replies - 1 through 10 (of 10 total)

  • You need to share a link to your website

    Thread Starter Shoxx23

    (@shoxx23)

    https://dollarhafen.de/datenschutzerklaerung , if u press on page2, “1” will be invisible

    In your child theme’s stylesheet (style.css) Search for :

    .format-status .entry-content .page-links a, .format-gallery .entry-content .page-links a, .format-chat .entry-content .page-links a, .format-quote .entry-content .page-links a, .page-links a {
    background: #95C837;
    border: 1px solid #95C837;
    color: #FFF;
}

    Replace with:

    .format-status .entry-content .page-links a, .format-gallery .entry-content .page-links a, .format-chat .entry-content .page-links a, .format-quote .entry-content .page-links a, .page-links a {
    background: #95C837;
    border: 1px solid #95C837;
    color: #FFF !important;
}

    And search for this:

    .format-gallery .entry-content .page-links a:hover, .format-audio .entry-content .page-links a:hover, .format-status .entry-content .page-links a:hover, .format-video .entry-content .page-links a:hover, .format-chat .entry-content .page-links a:hover, .format-quote .entry-content .page-links a:hover, .page-links a:hover {
    background: #FFF;
    color: #95C837;
}

    Replace it with this:

    .format-gallery .entry-content .page-links a:hover, .format-audio .entry-content .page-links a:hover, .format-status .entry-content .page-links a:hover, .format-video .entry-content .page-links a:hover, .format-chat .entry-content .page-links a:hover, .format-quote .entry-content .page-links a:hover, .page-links a:hover {
    background: #FFF;
    color: #95C837 !important;
}

    Thread Starter Shoxx23

    (@shoxx23)

    Thanks! But how can i change that the active side has a other bg? and how can i delete the background from the inactive side?

    So you want to reverse it ? the inactive links should be transparent, and the selected link should have a background color ? is this correct ?

    Thread Starter Shoxx23

    (@shoxx23)

    You right. I’ve tried it already but i dont know the exactly line where i have to replace the hex code.

    Search for:

    .page-links a,
.page-links > span {
	background: #fff;
	border: 1px solid #fff;
	padding: 5px 10px;
	text-decoration: none;
}

    Replace it with:

    .page-links a,
.page-links > span {
	background: #95C837;
	border: 1px solid #fff;
	padding: 5px 10px;
	text-decoration: none;
}

    And search for:

    .format-status .entry-content .page-links a, .format-gallery .entry-content .page-links a, .format-chat .entry-content .page-links a, .format-quote .entry-content .page-links a, .page-links a {
    background: #95C837;
    border: 1px solid #95C837;
    color: #FFF !important;
}

    And replace it with:

    .format-status .entry-content .page-links a, .format-gallery .entry-content .page-links a, .format-chat .entry-content .page-links a, .format-quote .entry-content .page-links a, .page-links a {
    background: transparent;
    border: none;
    color: #575757 !important;
}

    Thread Starter Shoxx23

    (@shoxx23)

    The active side has now a bg, now i need to remove the inactive. If the code should ve done that, it doesnt work.

    But thank you for u help

    https://imgur.com/pSmHJkL
    I see here the ‘inactive link’ (number 1) has a background.
    The current link (number 2) has no background.
    Isn’t that what you want it ?

    Thread Starter Shoxx23

    (@shoxx23)

    noo, it need to be right in the other way. the currentlick should have a bg and the other or others should have non

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Pagination Css’ is closed to new replies.