[RupokMember]

You are welcome!

Glad that it helped. Feel free to let us know if you face any other issue. We’ll be happy to assist you.

Thanks for using X.

Cheers!

[sstacybParticipant]

Hi, I’ve read through the post above and still can’t seem to figure out how to customize the text in the main text box of the accordions. Currently, it’s all bold automatically and I don’t want the double spacing between paragraphs/lines. Any help appreciated. Thanks.

[Rue NelModerator]

Hello There,

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

Thank you.

[sstacybParticipant]

This reply has been marked as private.

[ThaiModerator]

Hi @sstacyb,

Please add the following CSS:

.x-accordion-inner p {
    margin-bottom: 0;
    font-weight: normal;
}

Hope it helps 🙂

[sstacybParticipant]

Thanks! Really dumb question, but just want to be sure I’m doing it right. Since I’m using cornerstone for the post, do I go to the settings icon and then choose “Custom CSS” and add it there?

[sstacybParticipant]

It appears to have fixed the ‘all bold’ issue, but the paragraph spacing is still double-spaced instead of single-spaced. Can you help me with the code for that?

[LelyModerator]

Hi @sstacyb,

Yes, you can add it in Settings Tab > Custom CSS.
To give you a clear idea, CSS added on Settings Tab > Custom CSS will be implemented on that specific page only. On the other hand, if you add those CSS in Appearance > Customize > Custom > CSS, it will be sitewide which means it will affect all accordions on all other pages too.

Please update above CSS to this:

.x-accordion-inner p{
   margin-bottom:3px !important; /*I add space between px and !important*/
   font-weight:normal;
   line-height: 1.5; /* The space is coming from the default line height. Adjust 1.5 to your preferred spacing. It is 1.8 by default*/
}

Hope this helps.

[wyannrosalesParticipant]

Hi I need to align the titles of my accordion
I tried doing

text-align:justify; but since there is the + before the actual text the second line keeps aligning to that + icon on the left is the anyway to align it to the first line .

[Paul RModerator]

Hi,

To fix it, you can add this under Custom > Edit Global CSS in the Customizer.

.x-accordion-heading .x-accordion-toggle {
   position:relative;
   padding-left:40px;
}

.x-accordion-heading .x-accordion-toggle:before {
   top:7px;
   left:10px;
   z-index:9999; 
   position:absolute;
}

You may change the top and left to adjust the position of the plus sign.

Hope that helps.

[guybower1Participant]

hi

I am in a similar situation. I have been able to change the color of the accordion box to black and the text to white, but when clicked, I want it all to stay that color and it changes.

Here is what I have so far:

.x-accordion-heading .x-accordion-toggle {
background-color: #000000;
color: #FFFFFF;
}
.x-accordion-heading .x-accordion-toggle.collapsed {
background-color: #000000;
color: #FFFFFF;
}

On collapsed, it is the same color codes as just toggle, yet it does not remain black background and white text.

cheers

[ChristopherModerator]

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

[guybower1Participant]

apologies, it is feastthailand.com

cheers

[ChristopherModerator]

Hi there,

Please try this code :

.x-accordion-heading .x-accordion-toggle,.x-accordion-inner {
    background-color: #000;
    color: #fff;
}

Hope it helps.

[guybower1Participant]

Hi

Thanks for that, but no, I removed what I had above and input your code but that does not work. Instead it turns the collapsed body black with the text white, but then makes the accordion heading white text and body.

I need the look it has when closed to be the same as when it is open, black body and white text

cheers

[Author]

Posts