right css for pagination code

  • sacconi

    (@sacconi)


    2 months ago

    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 to see the link]

Viewing 1 replies (of 1 total)
  • bvbaked

    (@bvbaked)

    2 months ago

    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:

    .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

    .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 to reply to this topic.

Tags