{"id":206,"date":"2021-03-08T00:00:22","date_gmt":"2021-03-08T00:00:22","guid":{"rendered":"https:\/\/nexgen.codings.dev\/docs\/?p=206"},"modified":"2021-03-15T20:25:23","modified_gmt":"2021-03-15T20:25:23","slug":"configuring-and-styling-the-search-results-page","status":"publish","type":"post","link":"https:\/\/nexgen.codings.dev\/docs\/configuring-and-styling-the-search-results-page\/","title":{"rendered":"Configuring and styling the search results page"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t

Overview<\/h4>\n

Create your own search dialog and adjust spacing between items, colors and typography for absolutely everything on search sections.<\/p>\n

Search builder<\/h4>\n

From the dashboard go to Theme Settings \u00bb Search.<\/p>\n

\"\u26a1\"Intro Section<\/h5>\n

Heading \u00bb Content<\/b><\/p>\n

Type custom title to inform visitors when there are search results or nothing is found.<\/p>\n

\u00bb With results
\u00bb No results<\/p>\n

Heading \u00bb Color<\/b><\/p>\n

You can set the color for the all headings of the Search page.<\/p>\n

\u00bb Text Color<\/p>\n

Heading \u00bb Typography<\/b><\/p>\n

You can set the color for the all headings of the Search page.<\/p>\n

\u00bb Font Type (Google Font or Custom Font)
\n\u00bb Font Family
\n\u00bb Font Style
\n\u00bb Font Size
\n\u00bb Font Weight
\n\u00bb Line Height<\/p>\n

Search Term \u00bb Color<\/b><\/p>\n

You can set the color for the search term text of the Search page.<\/p>\n

\u00bb Text Color<\/p>\n

Search Term \u00bb Typography<\/b><\/p>\n

You can set the color for the search term text of the Search page.<\/p>\n

\u00bb Font Type (Google Font or Custom Font)
\n\u00bb Font Family
\n\u00bb Font Style
\n\u00bb Font Size
\n\u00bb Font Weight
\n\u00bb Line Height<\/p>\n

Description \u00bb Content<\/b><\/p>\n

Type custom description to inform visitors when there are search results or nothing is found.<\/p>\n

\u00bb With results
\u00bb No results<\/p>\n

Description \u00bb Color<\/b><\/p>\n

You can set the color for the all paragraphs of the Search page.<\/p>\n

\u00bb Text Color<\/p>\n

Description \u00bb Typography<\/b><\/p>\n

You can set the color for the all paragraphs of the Search page.<\/p>\n

\u00bb Font Type (Google Font or Custom Font)
\n\u00bb Font Family
\n\u00bb Font Style
\n\u00bb Font Size
\n\u00bb Font Weight
\n\u00bb Line Height<\/p>\n

Button \u00bb Color<\/b><\/p>\n

You can set the color and hover color for the all buttons of the Search page.<\/p>\n

\u00bb Background Color
\u00bb Background Hover Color
\u00bb Text Color<\/p>\n

Button \u00bb Typography<\/b><\/p>\n

You can set the background color, text color and text hover color for all buttons on the Search page.<\/p>\n

\u00bb Font Type (Google Font or Custom Font)
\n\u00bb Font Family
\n\u00bb Font Style
\n\u00bb Font Size
\n\u00bb Font Weight
\n\u00bb Line Height<\/p>\n

Field \u00bb Color<\/b><\/p>\n

You can set the color and hover color for the all fields of the Search page.<\/p>\n

\u00bb Background Color
\u00bb Background Hover Color
\u00bb Text Color<\/p>\n

Field \u00bb Typography<\/b><\/p>\n

You can set the background color, text color and text hover color for all fields on the Search page.<\/p>\n

\u00bb Font Type (Google Font or Custom Font)
\n\u00bb Font Family
\n\u00bb Font Style
\n\u00bb Font Size
\n\u00bb Font Weight
\n\u00bb Line Height<\/p>\n

\"\u26a1\"Content Area<\/h5>\n

Section \u00bb Layout<\/b><\/p>\n

You can adjust the layout of the Search page. The set layout will be applied to the section container.<\/p>\n

\u00bb Max Width
\n\u00bb Vertical Padding
\n\u00bb Collumns<\/p>\n

Section \u00bb Color<\/b><\/p>\n

The selected background color will be applied to Search page.<\/p>\n

\u00bb Background Color<\/p>\n

\"\u26a1\"Post Item<\/h5>\n

Block \u00bb Color<\/b><\/p>\n

You can set the background color for the all Search page post items.<\/p>\n

\u00bb Background Color<\/p>\n

Heading \u00bb Color<\/b><\/p>\n

You can set the color for the all headings of the Search page post items.<\/p>\n

\u00bb Text Color<\/p>\n

Heading \u00bb Typography<\/b><\/p>\n

You can set the color for the all headings of the Search page post items.<\/p>\n

\u00bb Font Type (Google Font or Custom Font)
\n\u00bb Font Family
\n\u00bb Font Style
\n\u00bb Font Size
\n\u00bb Font Weight
\n\u00bb Line Height<\/p>\n

Excerpt \u00bb Color<\/b><\/p>\n

You can set the color for the all excerpts of the Search page post items.<\/p>\n

\u00bb Text Color<\/p>\n

Excerpt \u00bb Typography<\/b><\/p>\n

You can set the color for the all excerpts of the Search page post items.<\/p>\n

\u00bb Font Type (Google Font or Custom Font)
\n\u00bb Font Family
\n\u00bb Font Style
\n\u00bb Font Size
\n\u00bb Font Weight
\n\u00bb Line Height<\/p>\n

Link \u00bb Color<\/b><\/p>\n

You can set the color and hover color for the all links of the Search page post items.<\/p>\n

\u00bb Text Color
\u00bb Text Hover Color<\/p>\n

Link \u00bb Typography<\/b><\/p>\n

You can set the color and hover color for the all links of the Search page post items.<\/p>\n

\u00bb Font Type (Google Font or Custom Font)
\n\u00bb Font Family
\n\u00bb Font Style
\n\u00bb Font Size
\n\u00bb Font Weight
\n\u00bb Line Height<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"

Overview Create your own search dialog and adjust spacing between items, colors and typography for absolutely everything on search sections….<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8,16],"tags":[],"class_list":["post-206","post","type-post","status-publish","format-standard","hentry","category-theme-settings","category-search-builder"],"acf":[],"_links":{"self":[{"href":"https:\/\/nexgen.codings.dev\/docs\/wp-json\/wp\/v2\/posts\/206","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nexgen.codings.dev\/docs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nexgen.codings.dev\/docs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nexgen.codings.dev\/docs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nexgen.codings.dev\/docs\/wp-json\/wp\/v2\/comments?post=206"}],"version-history":[{"count":4,"href":"https:\/\/nexgen.codings.dev\/docs\/wp-json\/wp\/v2\/posts\/206\/revisions"}],"predecessor-version":[{"id":211,"href":"https:\/\/nexgen.codings.dev\/docs\/wp-json\/wp\/v2\/posts\/206\/revisions\/211"}],"wp:attachment":[{"href":"https:\/\/nexgen.codings.dev\/docs\/wp-json\/wp\/v2\/media?parent=206"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nexgen.codings.dev\/docs\/wp-json\/wp\/v2\/categories?post=206"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nexgen.codings.dev\/docs\/wp-json\/wp\/v2\/tags?post=206"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}