centre accordion within boxed content

[Kyle – SUPPORT]

Add this to your custom css:

.spb_parallax_asset .spb_accordion {
  background-color: #e7e7e7;
  border: 1px solid #777777;
  padding: 40px;
}

Feel free to change the colors to which every you like

– Kyle

[Ken]

Hi Kyle,

Thanks for logging in.
Unfortunately that custom css doesn’t seem to be working for me.
I even set the colour to red #dd3333 and the padding to 100px to make sure it wasn’t a subtle effect I could miss, but even with those settings nothings appears different.

[Kyle – SUPPORT]

This is likely to be your issue, ‘{}’ are not comments in CSS.

To add a comment in CSS it should be

/* Your Comment */

Please go through and change your comments then the CSS should work

– Kyle

[Ken]

Hi Kyle,

Thanks for pointing that out. I initially tried to use the html comment tag I remember from 10 years ago <– –> but that didn’t work. I added the {} and it seemed fine because things like the word ‘menu’ were showing up on mobile and your script for changing the colours of the accordion were working. I have since removed my flawed html comment adaptation in favour of your corrected css comment. The other functionality all still works, the word ‘menu’, your colours of the accordion etc, but the background block for the accordion still is not appearing.

[Kyle – SUPPORT]

It’s working now 🙂

– Kyle

[Ken]

Thanks Kyle, you’re a legend!

Is there any kind of delay on undating the custom css, a cache I should refresh or something?
I first replaced the comment tags with the /* Your Comment */ but didn’t notice a change. Then took out all the comments altogether but didn’t notice a change. I did a ctrl F5 browser refresh, but nothing changed. That was this morning. Haven’t done anything since then, and now it’s working? I’m a bit lost as to what the magic touch was. Or did you log in and change something?

[Kyle – SUPPORT]

I moved it to the top of your css, so it’s likely somewhere in your custom css there is a human error

– Kyle

[Ken]

Thanks Kyle,

By process of elimination I have determined that this is the faulty custom css

@media only screen and (max-width: 480px) { 
#header-sticky-wrapper {
  height: 80px!important;
}

It was one of the attempts to fix the header resizing. I’m going to update it in that thread now.

The boxed content is solved though 🙂

[Mohammad – SUPPORT]

Hi,
You have missed a } at end of this css. I’m glad that issue resolved. Thanks Kyle :-).
With Best Regards
Swift Ideas