[Resolved] Here's my new questions

[Author]

Posts

[ashodK]

I was able to finally get the page going.
hidden link

How do I do the following
1 - design search like the one I did in archive loop (see image)
2 - align header titles (they look off a bit
3 - change read more text (maybe change it to a button)
4 - add sort

Here's my page URL
hidden link

Here are my settings
hidden link
hidden link
hidden link
hidden link
hidden link

Thanks in advance

[Luo Yang]

Hello,

Please share your website credentials in below private message box, also point out the problem page URL, I need to check it in a live website, thanks

[Luo Yang]

The page you mentioned above is a WordPress Archive page of post type "passport-application"
There are one post view and one WordPress Archive in the page you mentioned above, I assume you are going to design the post view "PA View":
hidden link

1) Please edit above post view, in section "Search and Pagination", click button "Grid", it can setup Bootstrap grids, for example lines 12~17:

<div class="row">
	<div class="col-md-3">Cell 1</div>
	<div class="col-md-3">Cell 2</div>
	<div class="col-md-3">Cell 3</div>
	<div class="col-md-3">Cell 4</div>
</div>

See the results in frontend:
hidden link

More help:
hidden link

2) You can use custom CSS codes to style the table header text, for example:

td, th {
    text-align: center;
}

More help:
hidden link

3) You can customize the "Read more" shortcode text by follow our document, for example:
[wpv-post-read-more label="Continue reading"]
Then style it to button with custom CSS codes

More help:
https://toolset.com/documentation/programmer-reference/views/views-shortcodes/#wpv-post-read-more

4) In section "Search and Pagination", you can click button "Sorting controls" and setup it as what you want.

[ashodK]

Ok I got the hang of it, but I still have some visual issues.

1 - How do I set a placeholder for the dropdown (like the 2nd filter I have)?

2 - How do I make the submit look the same as the bottom one?

see screenshot
hidden link

3 - change read more text (maybe change it to a button)
Did not quite understand your explanation

4 - where do I add the pagination control? in Search and Pagination or Loop Editor?

5 - Search is not working properly. When I write "Mar" or "Mariam" it doesn't find the correct post. See screenshots.
hidden link
hidden link
hidden link

New threads created by Luo Yang and linked to this one are listed below:

https://toolset.com/forums/topic/heres-my-new-questions-2/

[Luo Yang]

According to our support policy, we prefer one ticket one question:
https://toolset.com/toolset-support-policy/

For other new issues, please check the new thread here:
https://toolset.com/forums/topic/heres-my-new-questions-2/

[Luo Yang]

Q3) I have done below modifications in your website, edit the post view:
hidden link
In section "Loop item in PA View", line 9, change the shortcode from:
[wpv-post-read-more]
To:
[wpv-post-read-more label="Continue reading"]

See the result here:
hidden link
You should be able to see the link "Continue reading", you just need to use CSS codes to style that link as what you want.

[ashodK]

My issue is resolved now. Thank you!