Tagged: pagination
-
AuthorPosts
-
July 6, 2023 at 4:29 pm #1412619
I have a website for a walking route, that contains 26 pages in the route. Is there a way to create a pagination on the bottom of the page to scroll trough the other locations? To be clear, these are all pages, no blogs. Thanks!
July 7, 2023 at 3:50 am #1412650Hey mirr,
Thank you for the inquiry.
You might have to create the links manually in a code or text block using HTML. Please provide a link to the page so that we can better understand what you’re trying to do.
Best regards,
IsmaelJuly 17, 2023 at 2:54 pm #1413505I see, I did a quick-and-dirty with one button at the back. I have one other question for you; I have a content section with a background ( a colored swirl in the right side of the screen) but on mobile it shows as a whole image before the page content. Can I hide the background of all pages on mobile? I tried giving it an ID and hide with CSS but it hides all my content. Thanks !
July 18, 2023 at 4:34 am #1413553Hi,
Thank you for the update.
Where can we find the content section with the background? Please provide a screenshot or a direct link to the page containing the section. The following css code should disable the background of an element.
.custom-css-class { background: none !important; }
Please ensure that you adjust the selector (custom-css-class) accordingly.
Best regards,
IsmaelJuly 19, 2023 at 8:33 pm #1413748Hey, it doesn’t work. This code hides the whole content.
All pages have this setup, I put a direct link in there. If you check this on mobile it gives a long background first, then the content.
It needs to be hidden on mobile and the content needs to be at the top of the page. The weird thing is; the homepage has no background and is also not at the top of the page.July 22, 2023 at 7:30 pm #1414066Hi,
Thank you for your patience and the link to your site, I didn’t find a custom class for your color section with the background image that you want to hide so I added: hide-background-image-on-mobile
and then I set the first 1/5 empty column to be hidden on mobile:
and then I added this css to your Enfold Theme Options ▸ General Styling ▸ Quick CSS field@media only screen and (max-width: 767px) { .hide-background-image-on-mobile { background: none !important; } }
and now on mobile the content is at the top of the page without the green background image, please clear your browser cache and check.
Best regards,
MikeJuly 24, 2023 at 3:43 pm #1414239Thank you so much, this worked, done it with all the pages.
One last question; the titles on masonry gallery have quite a large height so that the images are not really visible, how can I change the height of the grey backgrounds?
July 24, 2023 at 6:10 pm #1414253Hi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#top .av-masonry-entry .av-inner-masonry-content { padding: 2px; }
After applying the css, please clear your browser cache and check.
Best regards,
MikeJuly 27, 2023 at 3:31 pm #1414686Thanks for your answer. Unfortunately the css changes nothing in the description heights.
July 27, 2023 at 5:21 pm #1414695Hi,
I don’t see the css added to your site, try adding it to your WordPress ▸ Customize ▸ Additional CSS#top .av-masonry-entry .av-inner-masonry-content { padding: 2px; }
and clear your browser cache, or include an admin login so we can check.
This is the result I see when I test:
Best regards,
MikeJuly 28, 2023 at 2:48 pm #1414758works with the customize, thank you!
July 28, 2023 at 5:17 pm #1414763Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
Mike -
AuthorPosts
- The topic ‘Pagination’ is closed to new replies.