Search results page

This topic has 11 replies, 2 voices, and was last updated 9 years, 4 months ago by Sakin.

Viewing 12 posts - 1 through 12 (of 12 total)

Author

Posts
July 6, 2015 at 9:59 pm #60575

effess
Participant

Search results page for Catch Kathmandu Pro: please see http://www.sonomalavender.com/?s=bath&submit=Search

Please help me (tell me where to) edit this page so

1) “Search Results for: bath” is a different font without surrounding borders

2) The breadcrumbs trail doesn’t appear in the search results

Thank you!

July 7, 2015 at 5:19 am #60602
Sakin
Keymaster
@effess:
1. If you just want to remove border and change the font then you can change the font in the following css and then add it in “Appearance => Theme Options => Custom CSS” box:
```
/* For Border and Text Color */
.page-header {
    border: none;
    color: #757575;
}
/* For Font in Search Page */
#primary .page-header .page-title {
    font-family: "Open Sans",sans-serif;
}
```
2. For Breadcrumb, we recommend “Breadcrumb NavXT” plugin, which we have used in our demo page http://catchthemes.com/demo/catch-kathmandu/
July 8, 2015 at 12:34 am #60658

effess
Participant

1) That worked, thanks.

2) Yes, the Breadcrumb NavXT plugin is used on this site and is styled in catch-kathmandu-pro-child/style.css (based on catch-kathmandu-pro/style.css). The breadcrumbs are working fine throughout the site except for the search results page. (See http://www.sonomalavender.com/lavender-collection/lavender-heated-spa/valencia/ for an example of how the breadcrumbs should look.) At http://www.sonomalavender.com/?s=bath&submit=Search, the breadcrumbs are beneath the “result” instead of on top and the styling is missing & so is the separator.

July 9, 2015 at 12:23 am #60709

effess
Participant

On the search results page, it’s the links to “topics” I’d like to display:none. Thank you.

July 9, 2015 at 1:15 am #60714

effess
Participant

This works but if it should be something else please let me know:
.entry-meta .in-category { display:none; }

July 9, 2015 at 1:18 am #60715

Sakin
Keymaster

@effess: To hide that in search result page, you can add the following css in “Appearance => Theme Options => Custom CSS” Box:
.search-results .entry-meta { display: none; }

If you are using Breadcrumb NavXT plugin and then you need to check that plugin settings. As you can see in our demo site http://catchthemes.com/demo/catch-kathmandu//?s=hello&submit=Search it’s working fine.

July 9, 2015 at 10:36 pm #60772

effess
Participant

Trying to style the four “results” on this page http://www.sonomalavender.com/?s=bath&submit=Search — .search-results .entry-container .entry-header h1.entry-title is not correct. Can you give me the CSS please?

July 12, 2015 at 10:02 pm #60879

effess
Participant

1) Still like to know how to style the h1.entry-title on the search results page.

2) How can I get a right sidebar on the search results page?

July 13, 2015 at 5:20 am #60886
Sakin
Keymaster
@effess:
1. You can add the following css:
```
#primary .entry-header .entry-title, 
#primary .page-header .page-title {
    font-family: 
    font-family: "Playfair Display", sans-serif;
}
```
2. Search Result page take the layout from “Appearance => Theme Options => Layout Options => Sidebar Layout Options”.
July 13, 2015 at 10:24 pm #60924

effess
Participant

No, that’s not the CSS that’s needed. This works as far as it goes: .search-results .entry-container .entry-header h1.entry-title a { border:1px solid blue; } — a border can be put around it but any other styling doesn’t work. This problem is only on the search results page. Thanks.

July 14, 2015 at 11:43 pm #60976

effess
Participant

Would very much like to make the font smaller and specify a hover color. Tried a control with Google Fonts plugin but no luck. Any ideas? http://www.sonomalavender.com/?s=bath&submit=Search

.search-results .entry-container .entry-header h1.entry-title a:link,
.search-results .entry-container .entry-header h1.entry-title a:visited { font-size:14px !important; font-size: 1.4rem !important; color: #67009b; border-bottom:1px solid #67009b; text-decoration:none; margin-bottom:0; padding-bottom:0; }

.search-results .entry-container .entry-header h1.entry-title a:hover { font-size:14px !important; font-size: 1.4rem !important; color:#9900cc !important; border-bottom:1px solid #9900cc !important; text-decoration:none; }

July 15, 2015 at 12:37 am #60979
Sakin
Keymaster
@effess: Don’t use !important in your css. That is causing issue. You have following css from Google Font css
```
#main .type-page .entry-header,#main .type-page .entry-header a,.image-attachment .entry-container .entry-header h1.entry-title {
							color: #67009b!important; font-family: 'Playfair Display'!important; font-style: normal!important; font-weight: 400!important; 						}
```
That will force it. So, in this case you need to remove that or make your other css more stronger and add it in “Appearance => Theme Options => Custom CSS” box. But I don’t like this important stuffs.
```
.search-results #main #content .hentry .entry-header .entry-title a {
    font-size:14px !important; 
    color: #67009b !important; 
}

.search-results #main #content .hentry .entry-header .entry-title a:hover {
    color: #9900cc !important; 
}
```
Author

Posts