Tagged: 

Viewing 21 posts - 1 through 21 (of 21 total)
  • Author
    Posts
  • June 17, 2016 at 10:30 pm #650013
    goldengate415

    Hello-
    I have been asked to change the format of the “next pages” display to make it more obvious to users that there are next pages… right now on this page for example you just see “1,2,3,4” towards the bottom of the page, example:
    http://www.thomashenthorne.com/homes-sold/

    Is there a way to move it closer to the text, and also to preface it with something like “Pages 1,2,3,4” and maybe make those like little round circles as seen in the Enfold demo?

    Thanks,
    Rob

    June 20, 2016 at 2:34 pm #650825
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    .pagination_split_post:before {content: "Pages";margin-right: 15px;float: left;}
.pagination_split_post > span, .pagination_split_post a {display:block;float:left;font-size:11px;line-height:13px;padding:2px 9px 1px 9px;text-decoration:none;width:auto;}
#top .pagination_split_post .current, #top .pagination_split_post a,  #top .pagination_split_post > span, #top .fullsize .template-blog .pagination_split_post a{
    float: left;
    height: 35px;
    width: 35px;
    line-height: 35px;
    text-align: center;
    padding: 0;
    border-radius: 100px;
    margin-right: 3px;
    box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.2);
}
.pagination_split_post .current{
    font-size:11px;
    padding:1px 9px 1px 9px;
    font-weight: bold;
}

    Cheers! 
    Josue

    June 21, 2016 at 12:32 am #651143
    goldengate415

    Brilliant, thank you Josue!!!!

    June 21, 2016 at 5:39 am #651245
    Andy

    Hi,

    glad we could help. Let us know in a new ticket if you have some more questions related to the theme. We are happy to assist you.

    Best regards,
    Andy

    June 21, 2016 at 5:39 am #651246
    Andy

    Hi,

    glad we could help. Let us know in a new ticket if you have some more questions related to the theme. We are happy to assist you.

    Best regards,
    Andy

    March 2, 2018 at 7:16 pm #920500
    medi-paper

    Hi, I have added the .pagination_split_post styling. It works great.

    However, I have a second “Pages:” which used to be before the page numbers (before applying the CSS styling), but after styling the page numbers it moves behind (insufficient space?). Even if I do not use .pagination_split_post:before {content: “Pages”;margin-right: 15px;float: left;}, still this “.Pages” moves behind.

    I have tried to locate it, and found the “Pages:” in the enfold/includes/ folder –> loop-index.php. I tried to edit the file, but to no avail (yes, webpage cache was purged and page refreshed after dumping browser cache).

    I seem to be unable to remove it. Is it hardcoded in WordPress? How to get rid of it?

    Also, how to make the background colour of the current page white, and hover the backf=ground colour white of the other, inactive, pages?

    March 4, 2018 at 9:22 pm #921161
    Basilis

    Hi,

    What is your page URL so we can check it and be able to work it?

    Best regards,
    Basilis

    March 5, 2018 at 12:47 am #921252
    medi-paper

    Hi Basilis,
    Thanks once more, please see the private content for the link.

    March 6, 2018 at 3:32 am #921984
    Ismael

    Hi,

    Thank you for the update.

    You can adjust the “before” parameter of the wp_link_pages function. Just add this filter in the functions.php file.

    add_filter('avf_wp_link_pages_args', 'avf_wp_link_pages_args_mod',10,1);
function avf_wp_link_pages_args_mod($args) {
	$args['before'] = '<nav class="pagination_split_post">';
	return $args;
}

    Best regards,
    Ismael

    March 27, 2018 at 5:03 am #933342
    medi-paper

    Sorry for the belated reply. Worked like a charm, Ismael. Appreciate the support.

    March 27, 2018 at 5:34 am #933371
    Victoria

    Hi medi-paper,

    Glad we could help :)

    If you need further assistance please let us know.
    Best regards,
    Victoria

    July 10, 2018 at 8:06 am #983521
    debra15

    Can we add prev and next here?

    Thanks!

    July 10, 2018 at 12:45 pm #983621
    Rikard

    Hi debra15,

    I’m not sure I understand what you mean by that?

    Best regards,
    Rikard

    July 10, 2018 at 5:26 pm #983748
    debra15

    Like
    Pre 1 2 3 next
    Or
    « ‹ 1 2 3 › »

    July 11, 2018 at 5:48 am #984032
    Rikard

    Hi debra15,

    Where are you looking to have pagination? Which element are you working with?

    Best regards,
    Rikard

    July 11, 2018 at 6:03 am #984037
    debra15

    Hi Rikard,

    To split a post, I add some <!–nextpage–> between the content.
    There is “Pages: 1,2,3,4” in the end of the post; however, I want it to be like below:

    For example,
    in page one: 1 2 3 4 next.
    in page two: prev 1 2 3 4 next.
    in page four: prev 1 2 3 4.

    A “prev” and “next” before and after numbers, respectively.

    Thanks,
    debra

    July 11, 2018 at 11:36 am #984137
    Victoria

    Hi debra,

    Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?

    Best regards,
    Victoria

    July 11, 2018 at 11:45 pm #984391
    debra15

    Hi Victoria

    Here is the information about the website.

    Thanks,
    debra

    July 12, 2018 at 11:12 am #984616
    Victoria

    Hi debra,

    Here are some articles for you to consider:

    Create a custom WordPress Pagination in less than 10 lines of code

    https://firstsiteguide.com/customize-wordpress-pagination-system/

    If you need further assistance please let us know.
    Best regards,
    Victoria

    July 13, 2018 at 6:46 am #984968
    debra15

    Thanks!
    I solved the problem by this:
    https://gist.github.com/drivenfaroff/7570106

    July 13, 2018 at 8:05 pm #985298
    Basilis

    Hi,

    Thank you for letting us know, we appreciate it!

    Best regards,
    Basilis

  • Author
    Posts
Viewing 21 posts - 1 through 21 (of 21 total)
  • You must be logged in to reply to this topic.