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.
-
You need to share a link to your website
http://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; }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 ?
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; }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
http://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 ?noo, it need to be right in the other way. the currentlick should have a bg and the other or others should have non
The topic ‘Pagination Css’ is closed to new replies.
