Change font on "Refine your search by..."

[JG867]

Hi,

I am able to change the fonts on every aspect of the search results page using the CSS file. However, I am having difficulty changing the font in the section that begins with "Refine your search by..." and then lists the categories. I cannot change the font of this section.

I'm assuming this is because that information is fed from the .js file. I've tried to change the font there, but my lack of knowledge has won again and I have been unable to do it!

My page looks silly when the entire page is one font, but the section that displays the categories is another.

Any advice?

Pro edition, version 6.0 1009, javascript

[David]

This text should be in a CSS class called cat_summary.
<div class="cat_summary"> Refine your......

So changing the font for this CSS class should fix it.

If this is not what you are seeing, please get back to me.

[JG867]

No, I don't see a css class for that in my search.html file. Am I looking in the wrong file? I've touched this file so many times over the past year, there may be a possibility I deleted it.

Here's all I have:

++++++++++++++++++++++++++
<style type="text/css">
.highlight { background: #FFFF40; }
.searchheading {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 100%; font-weight: bold; margin-top: 10px;}
.summary { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 80%; font-style: italic; }
.suggestion { font-size: 100%; }
.results { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 90%; }
.category {color: #FFFFFF; }
.sorting { text-align: right; }

.result_title { margin-top: 10px; font-size: 100%; }
.description { font-size: 100%; color: #008000; }
.context { font-size: 100%; }
.infoline { font-size: 80%; font-style: normal; color: #808080;}

.zoom_searchform { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 100%; }
.zoom_results_per_page { font-size: 80%; margin-left: 10px; }
.zoom_match { font-size: 80%; margin-left: 10px;}
.zoom_categories { font-size: 80%; }
.zoom_categories ul { display: inline; margin: 0px; padding: 0px;}
.zoom_categories li { display: inline; margin-left: 15px; list-style-type: none; }

input.zoom_button { }
input.zoom_searchbox { }

.result_image { float: left; display: block; }
.result_image img { margin: 10px; width: 30px; border: 0px; }

.result_block { margin-top: 15px; margin-bottom: 15px; clear: left; }
.result_altblock { margin-top: 15px; margin-bottom: 15px; clear: left; }

.result_pages { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 90%; font-style: italic;}
.result_pagescount { font-size: 90%; font-style: italic; }

.searchtime { font-size: 80%; }

.recommended
{
background: #F3D2F4;
border-top: 1px dotted #808080;
border-bottom: 1px dotted #808080;
margin-top: 15px;
margin-bottom: 15px;
}
.recommended_heading { float: right; font-weight: bold; }
.recommend_block { margin-top: 15px; margin-bottom: 15px; clear: left; }
.recommend_title { font-size: 100%; }
.recommend_description { font-size: 100%; color: #008000; }
.recommend_infoline { font-size: 80%; font-style: normal; color: #808080;}
</style>
++++++++++++++++++++++++++++++

[Ray]

Yes, it seems like you have removed some CSS from the default template.

You can add it in. It would look something like:

.cat_summary { font-family: Verdana; }

And include whatever other attributes you require.

[JG867]

Worked PERFECTLY!

Thanks for your continued patience!!