Hi,
Is there another way to display and style the pagination? Both in my “Magazine” block and the “Blog Posts”.
And can you tell me why the hero post in the magazine layout is not “fixed” – the image is overlaying the tekst of the blog?
And do you know if I can make the headline of the blog posts as a pop-up. So when you click on the headline of the post, the whole post will be displayed in a pop-up.
And last, but not least … Can I make the block with blog posts scroll?
Best regards Sheila
Hey Telmore,
Thank you for the inquiry.
You can use the following css code to adjust the style of the pagination.
#top .pagination .current, #top .pagination a, #top .fullsize .template-blog .pagination a {
float: left;
height: 50px;
width: 50px;
line-height: 50px;
text-align: center;
padding: 0;
border-radius: 100px;
margin-right: 10px;
box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.2);
}
#top .pagination .pagination-meta {
line-height: 50px;
}
.main_color .pagination a {
background-color: red;
color: white;
}
What do you mean by “fixed”? Please provide a screenshot of the hero image issue in the magazine element. You can use imgur or dropbox for the screenshot.
Best regards,
Ismael
Hi Ismael,
Thank you! :)
Now my previous buttons are gone?
Best regards Sheila
Hi,
Which buttons? Please provide a screenshot using imgur or dropbox.
To move the pagination to the right, use this css code.
.av-masonry-pagination .pagination {
float: right;
}
Best regards,
Ismael
Hi Ismael,
Thank you, it worked perfectly!
Best regards Sheila
Hi,
I’m glad this was resolved. If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon