[Marita LParticipant]

I’ve cleared my cache and still getting the same results. Should I be using [icon type=”heart”] instead of \f004?

[KoryKeymaster]

Hey Marita,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL as stated on the forum entrance page. This is to ensure that we can provide you with a tailored answer to your situation. Once you have have provided us with your URL, we will be happy to assist you with everything.

[Marita LParticipant]

This reply has been marked as private.

[ChristianModerator]

Hey Marita,

For 1 and 2: In the Customizer > Custom > CSS, please add the code below.

.x-accordion-heading .x-accordion-toggle:before {
	content: "\f004 ";
	font-size: 40px;
}

For 3: That is pretty tricky. You need to add CSS for it 1 by 1. Is centering the heart not an option? To do that, just add the class “center-text” to your columns.

Hope that helps. 🙂

[Marita LParticipant]

It worked! Thank you! Seriously..you’ve no idea how happy this makes me! You guys are wonderful.

[RubinKeymaster]

You’re welcome! 🙂

[Marita LParticipant]

Also..centering the heart is a very good option. I like that. And it works well. 🙂

[RubinKeymaster]

😀

[Marita LParticipant]

This reply has been marked as private.

[ZeshanMember]

Hi Marita,

Thank you for writing in!

You can add above given code in your child theme’s style.css file (Appearance > Editor > style.css). Otherwise, you can add following CSS instead under Custom > CSS in the Customizer:

.x-accordion-heading .x-accordion-toggle:before {
   content: "\\f004 ";
   font-size: 40px;
}

Hope this helps. 🙂

Thank you.

[Marita LParticipant]

Yes, This worked in the Customizer. The previous code didn’t have two \\ before the f004 which seemed to be the problem. The weird thing is…It works in the customizer, and I’ll hit “save and publish” but then when I go back into the customizer it automatically deletes one of the \ characters and it then reverts back to an f004 instead of a heart. I don’t want to have to go add an additional slash every time I go into the Customizer to make changes. So I tried adding it to the style css page, and it made the page all messed up.

This is what my style.css page said and it didn’t work:
/*

Theme Name: X – Child Theme: Icon
Theme URI: http://theme.co/x/
Author: Themeco
Author URI: http://theme.co/
Description: Make all of your modifications to Icon in this child theme.
Version: 1.0.0
Template: x

*/

.x-accordion-heading .x-accordion-toggle:before {
content: “\\f004 “;
font-size: 40px;
}

@import url( ‘../x/framework/css/site/stacks/icon.css’ );

[RubinKeymaster]

Hey There,

when using a child theme only use one \ instead of two that should fix the problem.

Hope that helps!

[Author]

Posts