Title: Pagination Css
Last modified: August 30, 2016

---

# Pagination Css

 *  [Shoxx23](https://wordpress.org/support/users/shoxx23/)
 * (@shoxx23)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/pagination-css-1/)
 * 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)

 *  [Faycal Boutam](https://wordpress.org/support/users/faycal-boutam/)
 * (@faycal-boutam)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/pagination-css-1/#post-6869128)
 * You need to share a link to your website
 *  Thread Starter [Shoxx23](https://wordpress.org/support/users/shoxx23/)
 * (@shoxx23)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/pagination-css-1/#post-6869132)
 * [http://dollarhafen.de/datenschutzerklaerung](http://dollarhafen.de/datenschutzerklaerung),
   if u press on page2, “1” will be invisible
 *  [Faycal Boutam](https://wordpress.org/support/users/faycal-boutam/)
 * (@faycal-boutam)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/pagination-css-1/#post-6869168)
 * 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](https://wordpress.org/support/users/shoxx23/)
 * (@shoxx23)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/pagination-css-1/#post-6869187)
 * 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?
 *  [Faycal Boutam](https://wordpress.org/support/users/faycal-boutam/)
 * (@faycal-boutam)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/pagination-css-1/#post-6869196)
 * 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](https://wordpress.org/support/users/shoxx23/)
 * (@shoxx23)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/pagination-css-1/#post-6869199)
 * You right. I’ve tried it already but i dont know the exactly line where i have
   to replace the hex code.
 *  [Faycal Boutam](https://wordpress.org/support/users/faycal-boutam/)
 * (@faycal-boutam)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/pagination-css-1/#post-6869200)
 * 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](https://wordpress.org/support/users/shoxx23/)
 * (@shoxx23)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/pagination-css-1/#post-6869208)
 * 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
 *  [Faycal Boutam](https://wordpress.org/support/users/faycal-boutam/)
 * (@faycal-boutam)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/pagination-css-1/#post-6869213)
 * [http://imgur.com/pSmHJkL](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 ?
 *  Thread Starter [Shoxx23](https://wordpress.org/support/users/shoxx23/)
 * (@shoxx23)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/pagination-css-1/#post-6869325)
 * 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.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/i-excel/1.7.9/screenshot.png)
 * i-excel
 * [Support Threads](https://wordpress.org/support/theme/i-excel/)
 * [Active Topics](https://wordpress.org/support/theme/i-excel/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/i-excel/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/i-excel/reviews/)

 * 10 replies
 * 2 participants
 * Last reply from: [Shoxx23](https://wordpress.org/support/users/shoxx23/)
 * Last activity: [10 years, 5 months ago](https://wordpress.org/support/topic/pagination-css-1/#post-6869325)
 * Status: not resolved