Docs

[kirk74]

Hi there,

I am doing some subtle changes to the spacing in Accordions. This is the CSS as tested in the Firefox developer panel, and it works fine, but when it is entered into customiser it is ignored, so my selector must need to be slightly different??..

thanks

.x-accordion-inner ul li {
    line-height: 1.5em !important;
    
  margin-bottom: 1.2em !important;
}

.x-accordion-inner p {
    margin: 0 0 1.2em !important;
    line-height: 1.5em !important;
}  

[Darshana]

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.

Thanks!

[kirk74]

hi again, there is actually a lot of other CSS for the accordions that is also being ignore .. strangely too, when I am in the customiser, the CSS changes DO work, but outside of there they are ignored?? It’s strange.

If you look at screengrab, the one on the left is within the customiser, and the changes are being applied . then on the right is same page in browser, changes are ignored.

Thanks

[kirk74]

Oh sorry I just saw your reply. thanks for that!

Here it is: http://synergy4success.org/getting-started-2/

[kirk74]

This reply has been marked as private.

[kirk74]

This reply has been marked as private.

[Rue Nel]

Hello There,

Thanks for the updates. Please edit your page in Cornerstone and insert the following custom css in the settings tab, Settings > Custom CSS

.site .x-accordion-inner ul li {
   line-height: 1.5em !important;   
   margin-bottom: 1.2em !important;
}

.site .x-accordion-inner p {
   margin: 0 0 1.2em !important;
   line-height: 1.5em !important;
}

Hope this helps.

[kirk74]

Oh thanks!!

OOPS, I have been putting CSS in the other place, because this is the first time I have used the customiser .. I didn’t even know about the other CSS location.

I notice you are adding .site to the selector .. so is this the case with all CSS when using the customiser, I need to add .site ???

Thx so much you guys are the best

🙂

[kirk74]

OK I have added the CS to Cornerstone instead of Customiser, and instead just noticed that it only applies to that specific page ..EG.. this page has the customisations on the accordions:

http://synergy4success.org/getting-started-2/

and this page does not.

http://synergy4success.org/set-up-shop/

Surely this has to be a way to still use global CSS while using Cornerstone?

Thx,

[Paul R]

Hi,

In that case, please add your css back in Appearance > Customize > Custom > Edit Global CSS

.site .x-accordion-inner ul li {
   line-height: 1.5em !important;   
   margin-bottom: 1.2em !important;
}

.site .x-accordion-inner p {
   margin: 0 0 1.2em !important;
   line-height: 1.5em !important;
}

Thanks

[kirk74]

Worked perfectly now globally, and I haven’t added the .site to the selector yet, and it still works … (strangely this is exactly hoe I had the code before and it didn’t work, I am thinking now may have been a caching issue)

So I am curious, what is the point of .site , as in this case doesn’t seem needed at all?

Thank you so much.

[Rad]

Hi there,

Yes, not needed at all since it’s a common selector. You can ignore that 🙂

It’s only useful when selecting direct child element such us .site > .x-container

Cheers!

[Author]

Posts