You are viewing limited content. For full access, please sign in.

Question

Question

How do I change the font of a collection or table heading?

asked on April 12, 2018 Show version history

I can't seem to find this included in the Theme, and I'm not sure of the CSS selector for these.  Please see attachments for examples.  Any help or guidance would be greatly appreciated.

 

Thanks

Collection Snip.PNG
Table Snip.PNG
Table Snip.PNG (11.79 KB)
0 0

Replies

replied on April 12, 2018

To add to that, if you would like to change the font for all the collections, section headers, and table headers, you can use something like:

.cf-section-header h2 {font-family:Tahoma;}
1 0
replied on April 12, 2018

Would I have to use a selector in front of this?

0 0
replied on April 12, 2018

No, it should work without a selector. Which font are you trying to use?

By default, that code will run with a few fonts (Arial, Verdana, Tahoma, Trebuchet MS, and Times New Roman) but you will need to tell the document to load other fonts before they can be displayed. In the below example, I'm using Open Sans from Google Fonts. Please note that the import fonts line must be among the first lines of CSS in order to display. Also, you may wish to look into hosting the fonts locally, instead.

@import url('https://fonts.googleapis.com/css?family=Open+Sans');

 

0 0
replied on April 12, 2018

Um, not sure what is going on then.  It isn't necessary the font style I'm trying to change, but the color, bold, size, etc.

0 0
replied on April 12, 2018

I got it to work!  It's h1 and not h2.  According to the Administrative Guide, it says h2 as well.  Not sure what's going on there.

2 0
replied on April 12, 2018

Yeah, that's weird. Those headers are h2 in my version of Forms.

0 0
replied on April 12, 2018

Thank you for your help today!!

0 0
replied on April 12, 2018

If your table or collection has id 67, then the selector would be #q67 h2. So you could do something like

#q67 h2 {
    color: red;
    font-weight: bold;
}

 

0 0
replied on April 12, 2018

Cannot get this to work for any of the id's I'm wanting to change.  Am I possibly missing something?

0 0
You are not allowed to follow up in this post.

Sign in to reply to this post.