Older posts and search bar

  • Unknown's avatar
    schoolkaart · Member ·

    Hi,

    I have two question with the Ubud theme:

    1: is it possible to change the text of the ‘older posts’ button to something like: ‘next’ of ‘previous’?

    2: I hide the search bar and list/grid function in the header with a CSS code. Because I didn’t like the list/grid function. But is it possible to hide only the grid/list function and to keep the search bar in the header?

    Thank you for your time!!

  • staff-zinnia · Staff ·

    Good morning –

    Thanks for getting in touch. Yes, we can do this. Go to My Sites – Customizer – CSS and add the following codes.

    1: is it possible to change the text of the ‘older posts’ button to something like: ‘next’ of ‘previous’?

    {
    .button style=
    display: none;
    Older posts</button>
    }

    That code will remove the button. You can just copy it in to your CSS editor and change the “older posts” bit to something you like better.

    2: I hide the search bar and list/grid function in the header with a CSS code. Because I didn’t like the list/grid function. But is it possible to hide only the grid/list function and to keep the search bar in the header?

    {
.search-wrap
display: none;
}
  • Unknown's avatar
    schoolkaart · Member ·

    Thank you for your help.
    To hide the grid switcher worked! Thank you.

    But the CSS code for the ‘older posts’ button did not work when I copy it in mijn Css editor. Is it possible there is something wrong with the code or is there an other code for the Ubud theme?

    Thank you for your time!

  • Unknown's avatar
    gemmacevans · Member ·

    Hi schoolkaart,

    Could you try pasting the following code in to My Sites > Customise > CSS:

    #infinite-handle span {
	display: none;
}

#infinite-handle:after {
	content: 'Next';
	border-bottom: 4px solid #000;
}

    Next can be changed to any text you like and will replace “Older posts” :)

  • Unknown's avatar
    gemmacevans · Member ·

    Sorry, there was a mistake in the Customiser link I included but I’ve updated the link in the thread.

  • Unknown's avatar
    schoolkaart · Member ·

    Thank you for your help.
    But the Css code isn’t working. Is it possible it isn’t working with the Ubud Theme?

  • Unknown's avatar
    gemmacevans · Member ·

    I checked your CSS editor and noticed the closing } bracket was missing on the last line of code so I’ve corrected that for you :)

    I also noticed infinite scroll is enabled on vintageschoolkaarten.nl which means an older posts link is no longer displayed at the bottom of the homepage. The CSS works on the homepage of my test site — can you send a link to the page where you wanted to change the text? It might be the code needs tweaking to work in a specific area.

  • Unknown's avatar
    lvstrien · Member ·

    hi, thank you for your time and help.
    The home page doesn’t have an older post button indeed.
    But when you click on a category in the header, then you see the older post button. I would like on the category pages infinite scroll or to change the text of the ‘older posts’ button.

    is there a code for?

    https://vintageschoolkaarten.nl/category/anatomie/

  • Unknown's avatar
    schoolkaart · Member ·

    sorry I was on another account, but the question is for the site of the vintage schoolkaarten.
    :)

  • staff-zinnia · Staff ·

    I will look at the CSS and see if we can remove the “older posts” button from the category view.

    My question is, do you want this removed on every single category view? or just for the anatomy category?

  • The topic ‘Older posts and search bar’ is closed to new replies.