[effess]

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!

[Sakin]

@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/

[effess]

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.

[effess]

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

[effess]

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

[Sakin]

@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.

[effess]

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?

[effess]

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?

[Sakin]

@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”.

[effess]

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.

[effess]

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; }

[Sakin]

@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