🗓 June 16, 2020: Hitchhikers Office Hours

Webinars and Office Hours
1

Add questions or topics below that you would like to have answered or discussed during this office hours session!

2

Hi,

I have a few styling use cases that I’m curious how to best resolve:

  1. Duplicating an existing list field: I’m using the Services field on a location card and would like to add an additional field formatted the same way below for Brands. The brands are stored in the Knowledge Graph the same way that Services are - in a text list. My work around right now is using the description field; however, using this field means that the brands are returned as a single line string, instead of a list of items. How can I ‘duplicate’ the Services field to display two nicely formatted lists below the location details?

  2. Updating a label (or title) of a field: I’m using the standard location card, which uses the label “Services”. I’d like to update this label to “Facilities”. Is there a way to update this?

  3. Links integration is returning HTML: My Links integration (using GCSE) is returning HTML in the result list. Is there a way to update the result to exclude the HTML?

  4. Updating the spacing to display a set ‘two-column’ layout: I’m using a product card with a title, description and two CTA fields. A few of my results only have one CTA and the length of the CTA title is shorter than the other results. Is there a way to update the spacing/padding so that the description and CTAs use the same spacing to ‘enforce’ a set two column layout?

3

Can we review how to update the chevron icon more easily?

4

Yes!

To update the Chevron icon that appears in the Links Standard card (screenshot) you can do 1 of 2 things:

  1. Update the fill color directly on the chevron assets: Go to Static > Assets > Images > chevron.svg and update the fill color where is says "fill= "

OR

  1. You can just hide the Chevron with CSS: Use the following code in your scss file

    .HitchhikerLinkStandard-titleLink::after {
    display: none;
    }

1 Like