Using Native Font Style for Title

ps. There is a -strong- tag inside the startwrap and endwrap quotes.

Adding the paragraph tag inside that helps get the correct font style, but it adds extra line spaces.

1. use the page editor in text (not visual) mode.
2. do not wrap the shortcode in p tags
3. no not use html inside the attributes
3. no need to use startwrap and endwrap attributes

Try the following shortcode:

[expand title="Q: Is there a cost for registration?" trigclass="my_trig_class"]
A: Registration is completely free.[/expand]

and then add the following CSS under Dashboard > Settings > Collapse-O-Matic > Custom CSS:

.my_trig_class {
   font-weight: bold;
}

Let us know if that works for you.

Great! That’s so much cleaner. (And thank you for the prompt response.)

Unfortunately it’s still not picking up the native font style. Does that need to be specified in the plugin’s custom css?

can you share a link so we can better understand what you mean by ‘native font style’. Thanks.

Forsure, https://perfectattendance.ca/about/faq/
The font should be Century Gothic, which I’ve added to the plugin css this way:

.FAQ_trig_class {
font-family: “Century Gothic”;
font-weight: bold;
}

Unfortunately that doesn’t apply to the target content. Should I be adding something for .collapseomatic_content?

yes, that would be targclass:

[expand title="Q: Is there a cost for registration?" trigclass="FAQ_trig_class" targclass="FAQ_targ_class"]
A: Registration is completely free.[/expand]

and then the CSS:

.FAQ_trig_class {
    font-family: “Century Gothic”;
}

Keep in mind, you don’t need to assign the trig- and targclass attributes in each expand element if you set the default trig/targclass values on the plugin settings page.

Let us know if this resolves the issue for you of if you require further assistance.

Thank you,… I like the latter suggestion.
What’s the syntax for the ‘Trigclass Attribute:’?
(I can’t seem to find examples.)

It’s in the example provided above:

... trigclass="FAQ_trig_class" targclass="FAQ_targ_class" ...

and then there is the documentation.

Issue marked as resolved.

• This reply was modified 7 years, 5 months ago by twinpictures.

Perhaps I’m doing something wrong, but when I paste that into the boxes and save, it changes to the following as illustrated in this image:

View post on imgur.com

You don’t input the entire attribute in the default setting, just the value.

Shortcode:
trigclass=”FAQ_trig_class”

Default Value Setting:
FAQ_trig_class

Is that clear?