Changing Font of WP-Accordian section titles

Maybe Google Fonts can help you. Add this code inside the head tag in your header.php

<link href='https://fonts.googleapis.com/css?family=Raleway:400,100,900italic,100italic,200,200italic,300,300italic,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900' rel='stylesheet' type='text/css'>

Then add this to the element that’s controlling your section titles

font-family: 'Raleway', sans-serif;

For example, in the Twenty Sixteen wordpress theme, section titles (considering you mean post title) are controlled by an h2 with a class of entry-title. So, adding this code will change its font.

h2.entry-title {
font-family: 'Raleway', sans-serif;
}

Hope you got it ??

Hey Ruby,

Unfortunately not, I’m not talking about the Post titles but section titles of a certain element called the accordian. Please see the page I am talking about here:

https://www.010productions.com/wordpress/trade-mission-support/

If you scroll down to the ‘Accordian’ element that has the following titles:

Onsite Management
Booth Creation & Set-up
Audio & Visual
Signage
Invitee Process
RSVP & Onsite Registration
3rd Party Services
Business Support

I wanted to change these titles to Raleway, how would I do this and where would I insert the Css?

Really appreciate the help with this, thank you so much! ??

James

James

Here’s the code for the Accordian element:

[vc_tta_accordion style=”modern” color=”mulled-wine” spacing=”2″ c_icon=”chevron” c_position=”right” active_section=”1″ collapsible_all=”true” css=”.vc_custom_1459461616445{border-radius: 10px !important;}”][vc_tta_section title=”Onsite Management” tab_id=”1459462599598-49a00ca9-cd49″][tt_fnacy_list icon_fontawesome=”fa fa-check” items=”Experienced onsite troubleshooting and support,Director onsite – overall supervision and management,Full production team and various program coordinators”][/vc_tta_section][vc_tta_section title=”Booth Creation & Set-up” tab_id=”1459462601099-be28ac58-9621″][tt_fnacy_list icon_fontawesome=”fa fa-check” items=”Design and creation of booths for trade shows – conferences and exhibitions,Booth AV and tech including video screens – air-conditioning – lighting and other requirements”][/vc_tta_section][vc_tta_section title=”Audio & Visual” tab_id=”1459462602664-10ed8004-0029″][tt_fnacy_list icon_fontawesome=”fa fa-check” items=”Provide onsite production team including VJ and AV technician,Coordinate all AV requirements (sound system – lighting – projections),Collect all Multi-media Presentations in advance and ensure compatibility with local material”][/vc_tta_section][vc_tta_section title=”Signage” tab_id=”1459462604196-e3c21f7d-9dc1″][tt_fnacy_list icon_fontawesome=”fa fa-check” items=”Design and Produce all promotional material including backdrops – banners and other relevant materials,Design and Produce handout materials including Directory Booklets – Gift bags etc.,Coordinate venue signage”][/vc_tta_section][vc_tta_section title=”Invitee Process” tab_id=”1459462605803-1604c1d9-a90f”][tt_fnacy_list icon_fontawesome=”fa fa-check” items=”Approach stakeholders and create a clear strategy that ensures quality participation based on your goals,Consolidate names provided by different stakeholders,Review list and ensure the right people are invited and that protocol issues have been addressed”][/vc_tta_section][vc_tta_section title=”RSVP & Onsite Registration” tab_id=”1459462607505-ca5c62b7-5173″][tt_fnacy_list icon_fontawesome=”fa fa-check” items=”Provide 2 registration options with quote: Online method and/or Traditional,Oversee courier services – RSVP service and follow-up by phone to confirm participation,Weekly updated list of attendees,Produce participant badges,Provide post event report,Onsite Registration: Prepare lists of attendees – staff at registration table,Banquet Protocol: Prepare seating plan – VIP’s arrival scenario and gift exchanges”][/vc_tta_section][vc_tta_section title=”3rd Party Services” tab_id=”1459462609200-7e422229-cee0″][tt_fnacy_list icon_fontawesome=”fa fa-check” items=”Transportation: Coordinate all transportation requirements and prepare bilingual transportation programs,Translation: Coordinate, prepare material for translators and program,Photographer and/or videographer: Coordination and production of USB with event photos,Gifts: Assist with strategy and placement before event – Source all giveaways”][/vc_tta_section][vc_tta_section title=”Business Support” tab_id=”1459462610940-38671cbe-a3a2″][tt_fnacy_list icon_fontawesome=”fa fa-check” items=”Contact companies attending the Mission by phone to ascertain and confirm their goals and objectives on this mission in order to identify the most suitable local companies with whom they should meet,Prepare Company notes in Mandarin based on initial contact,Meetings with other stakeholders,Coordinate and organize meetings with key stakeholders,Matchmaking,B2B Meetings: Identify local Chinese companies that are interested in potential collaboration opportunities”][/vc_tta_section][/vc_tta_accordion]

Try to add this code to your css

span.vc_tta-title-text {
    font-family: 'Raleway', sans-serif !important;
}

if that doesn’t do the trick, add this Google Fonts code inside the head tag in your header.php

<link href='https://fonts.googleapis.com/css?family=Raleway:400,100,900italic,100italic,200,200italic,300,300italic,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900' rel='stylesheet' type='text/css'>