Reply To: Search Dropdown

Hi Dan,

Sure, you can set the font under the Theme Options -> Typography panel, or you can simply use this custom CSS if you prefer that:

.asp_r h3,
.asp_r h3 a {
    font-family: "Playfair Display" !important;
}

The easiest way of styling those items is probably by wrapping them around custom CSS classes, like for example:

<span class='asp_res_sku'>[SKU: <strong>{_sku}</strong>]</span><br>
<span class='asp_res_price'>[Price: {_price}]</span><br>
{descriptionfield}

..then using a custom css like:

.asp_res_sku {
    color: red !important;
}

.asp_res_price {
    color: blue !important;
}

I am not completely sure about the margin, as it depends on the layout, and where exactly do you want it, but I can guess, maybe something like this:

.asp_r h3 {
   margin-top: 6px !important;
}

..or maybe:

.asp_r .item .asp_content {
   margin-top: 6px !important;
}