search results page

  • Здравствуйте. Подскажите где настраивается страница результатов поиска. Шрифт и т.п.

    Hello. Tell me where the search results page is configured. Font, etc.

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)

  • Hello @koff68,

    The search results page style for all typography effects from general settings for the whole of the website, but if you want to change some style, so you need to customize this section, you can use the CSS below in Customizing > Custom CSS/JS > CSS Code:

    .search-results #wrap article .search-entry-title {
    margin: 0 0 20px 0;
}

.search-results #wrap article .search-entry-title a {
    color: #000;
    font-size: 22px;
    font-weight: 700;
    line-height: 24px;
}

.search-results #wrap article .search-entry-title a:hover {
    color: #ff0001;
}

.search-results #wrap article .search-entry-summary p {
    color: #353442;
    font-size: 16px;
    font-weight: 300;
    line-height: 20px;
    margin: 0 0 20px 0;
}

.search-results #wrap article .search-entry-readmore {
    color: #353442;
    text-decoration: underline;
}

.search-results #wrap article .search-entry-readmore:hover {
    color: #ff0001;
}

    You can use “Inspect Element” tools on the browser. Please follow the steps explained in this link: https://www.greengeeks.com/tutorials/article/use-the-inspect-element-tool-in-chrome/.

    CSS Tutorial: https://www.w3schools.com/css/
    CSS Units: https://www.w3schools.com/cssref/css_units.asp
    Responsive Sizes: https://css-tricks.com/snippets/css/media-queries-for-standard-devices/

    Put your CSS on custom screen size:

    @media only screen and (max-width: 480px) {
    /* put you CSS here*/
}

    Or use between sizes:

    @media (max-width: 960px) and (min-width: 481px){
    /* put you CSS here */
}

    Best Regards

Viewing 1 replies (of 1 total)
  • The topic ‘search results page’ is closed to new replies.