[AulakhSamParticipant]

Hi

i would like to have these icons: [icon type=”chevron-right”] & [icon type=”chevron-down”]
rather than just ” + ” & ” X ”

How can i achieve that?

[ThaiModerator]

Hi There,

Try adding following CSS under style.css file locates in child theme folder:

.x-accordion-heading .x-accordion-toggle:before {
    content: "\f078" !important;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg)  !important;
}
.x-accordion-heading .x-accordion-toggle.collapsed:before {
    content: "\f054" !important;
}

Hope it helps.

[AulakhSamParticipant]

This reply has been marked as private.

[ChristopherModerator]

Hi there,

Please update your code to :

.page-id-34 .x-accordion-heading .x-accordion-toggle:before {
    content: "\f078" !important;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg)  !important;
}
.page-id-34 .x-accordion-heading .x-accordion-toggle.collapsed:before {
    content: "\f054" !important;
}

Instead of 34 put your page id.

Please check this KB article to know how to locate page id : https://community.theme.co/kb/how-to-locate-post-ids/

Hope it helps.

[AulakhSamParticipant]

can i add it to custom css instead of the child theme?

[ThaiModerator]

Hi There,

The customizer will strip out the slash character(\) so you should put the previous CSS under style.css in child theme folder.

Regards!

[AulakhSamParticipant]

Sure will do try that way like you recommend.

[ThaiModerator]

Let us know how it goes!

[AulakhSamParticipant]

how to add it when i open should it be something like this:

/*

Theme Name: X
Theme URI: http://theme.co/x/
Author: Themeco
Author URI: http://theme.co/
Description: An immensely powerful and endlessly customizable WordPress theme.
Version: 4.1.0
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: __x__
<style>
.page-id-34 .x-accordion-heading .x-accordion-toggle:before {
    content: "\f078" !important;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg)  !important;
}
.page-id-34 .x-accordion-heading .x-accordion-toggle.collapsed:before {
    content: "\f054" !important;
}
</style>

*/

[Paul RModerator]

Hi,

You need to add it in your child theme’s style.css located in wp-content/themes/x-child/style.css

Assuming there are no other css codes, your style.css file contents will should look like this.

/*

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

*/

.page-id-34 .x-accordion-heading .x-accordion-toggle:before {
    content: "\f078" !important;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg)  !important;
}
.page-id-34 .x-accordion-heading .x-accordion-toggle.collapsed:before {
    content: "\f054" !important;
}

Hope that helps.

[AulakhSamParticipant]

sure will try it how about if later i wana change it some other icon ?

[ThaiModerator]

Hi There,

You can find the full icons list on this link: http://fortawesome.github.io/Font-Awesome/icons/.

Each icon has a unique Unicode which you can replace with f078 and f054 from your custom CSS. For example the check icon: http://fortawesome.github.io/Font-Awesome/icon/check/

Hope it helps!

[AulakhSamParticipant]

nothing works out?

[AulakhSamParticipant]

thanks for icon codes

[AulakhSamParticipant]

i am using this still no use

/*

Theme Name: X
Theme URI: http://theme.co/x/
Author: Themeco
Author URI: http://theme.co/
Description: An immensely powerful and endlessly customizable WordPress theme.
Version: 4.1.0
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: __x__

*/

.page-id-513 .x-accordion-heading .x-accordion-toggle:before {
    content: "\f107" !important;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg)  !important;
}
.page-id-513 .x-accordion-heading .x-accordion-toggle.collapsed:before {
    content: "\f105" !important;
}

[Author]

Posts