[ejagpalParticipant]

Hello!
I need some help customizing the colors of the accordions.
I need to swap all the colors out in all these areas; the dark grey color area where it says “Antivirus & Malware”, as well as the white background and blue text.
How can I do that?
I basically want it to look like the column on the left but with the accordion so I can hide the text.

I also wanted to left align the text inside of the accordion drop down.

Sorry if this a lot! thanks for the help though!

[RupokMember]

Hi 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.

[ejagpalParticipant]

Yes no problem thanks!!
Here’s the url
http://www.lacalitech.com
The site is in maintenance mode though so not sure if you can see it from your end
I did have few other question after you help me with this!

Thanks so much

[RupokMember]

Hi there,

Thanks for writing in! It seems your website is under construction. So there is no pint of giving the URL.
Please take it off or provide us the credentials in private reply so that we can check and assist you on this.

Thanks

[ejagpalParticipant]

This reply has been marked as private.

[RupokMember]

Hi there,

Thanks for updating. You didn’t set your reply as private. Although I made it private but I am suggesting you to change your credentials for security reason. For your future reference, if you share any confidential information, make sure to set as private.

Regarding your question, you can add this under Custom > CSS in the Customizer.

/* accordion heading closed state */

.x-accordion-heading .x-accordion-toggle.collapsed {
  background-color: #333;
  color: #fff;
}

/* accordion heading opened state */

.x-accordion-heading .x-accordion-toggle {
  background-color: #f43;
  color: #fff;
}

/* content color and background */

.x-accordion-inner {
  background: #fff;
  color: #333;
}

Now let’s change the colors with your own color.

Hope this helps.

Cheers!

[ejagpalParticipant]

Thanks so much!
So on the screen shot the column on the left is the accordion with the colors changed, I want to make the spacing & alignment look identical to the column on the left, how can I do that, or is that asking for too much?
Thanks so much for the help you’ve provided so far!

[ChristianModerator]

Further customizations from here would be getting into custom development, which is outside the scope of support we can offer. If you need more in depth changes, you may wish to consult with a developer. X is quite extensible with child themes, so there are plenty of possibilities. Thanks for understanding.

[ejagpalParticipant]

NO problem I completely understand!
So I had a 3 more questions (sorry!)

1.) Im doing the single page navigation and I want when you click the “Home” button to scroll to the top of the page, however I have a slider at the top so I can’t figure out how to link the home button can you help with this?

2.) Can you help me change the color of the header and footer text and social media to white, the way it is now it looks transparent but I want it a solid white?

3.) Can you help me change the color of the scroll to top arrow on the bottom right corner?

Thanks so much for everything, hope Im not bugging too much! haha

[ChristianModerator]

If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.

Thanks!

[Author]

Posts