Title: right css for pagination code
Last modified: January 26, 2026

---

# right css for pagination code

 *  [sacconi](https://wordpress.org/support/users/sacconi/)
 * (@sacconi)
 * [4 months, 2 weeks ago](https://wordpress.org/support/topic/right-css-for-pagination-code/)
 * In my test area I’m working on new code, I eliminated plugins for 
   breadcrumbs
   and pagination and created a new code but the lower pagination, which should 
   be below the post grid in the archive pages, doesn’t want to be placed below 
   the posts on a separate line; it fills the space reserved for the posts. I created
   an empty div that should act as a “buffer” and push the pagination numbers down,
   but unfortunately I can’t get this div to expand to 100% of its width. Can anyone
   suggest some good CSS? I’m also having problems with the right shadow of the 
   two upper divs just below the header. I’d like a single shadow, not three separate
   ones.
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fright-css-for-pagination-code%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 1 replies (of 1 total)

 *  [bvbaked](https://wordpress.org/support/users/bvbaked/)
 * (@bvbaked)
 * [4 months, 2 weeks ago](https://wordpress.org/support/topic/right-css-for-pagination-code/#post-18799222)
 * For the pagination: you are using grid, so the width of 100% is making it the
   full width of a cell not the container. You can use this instead:
 *     ```wp-block-code
       .navigazione2 { grid-column: 1 / -1; }
       ```
   
 * For the shadow, I think you’re just seei ng the spread above the element and 
   not three shadows. See if this is a better effect? It will be more like a drop
   shadow which I think is what you’re after
 *     ```wp-block-code
       .archive-header-bar,.custom-bc-container { box-shadow: lightgray 0px 5px 15px 0px; }
       ```
   
 * You don’t really see the shadow from the top element though since it is covered
   by the next div….

Viewing 1 replies (of 1 total)

You must be [logged in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fright-css-for-pagination-code%2F%3Foutput_format%3Dmd&locale=en_US)
to reply to this topic.

## Tags

 * [css](https://wordpress.org/support/topic-tag/css/)

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 1 reply
 * 2 participants
 * Last reply from: [bvbaked](https://wordpress.org/support/users/bvbaked/)
 * Last activity: [4 months, 2 weeks ago](https://wordpress.org/support/topic/right-css-for-pagination-code/#post-18799222)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics