Docs

[Sandra]

Dear X-Theme-Team,

I have been struggling with changing the setting of esg-dropdown-wrapper which changes from style=”display: none” to “display: block” depending whether it is active or not https://pmetools.ch/accueil/kiosque-2?w3tc_note=flush_all .
I tried to find a solution within the Facebook user group. Got really nice help and advice but no avail (please see: https://www.facebook.com/groups/xthemeusers/search/?query=sandra%20ess%20grid).
I attach my CSS for advice.

With this grid I have another issue I mentioned. The external light grey borders are not showing.

Thanks a lot and best wishes,

Sandra

[Thai]

Hi There,

Please add the following CSS:

.esg-dropdown-wrapper {
    width: 230px;
}
.esg-filter-wrapper.dropdownstyle .esg-filterbutton {
    width: 100%;
}

Let us know how it goes!

[Sandra]

Hi Thai,

Wow! Works perfectly!

Still I have this external border issue you can see quite well here: https://pmetools.ch/accueil/expertise

Thanks and best wishes,

Sandra

[Rupok]

Hi Sandra,

Thanks for writing back. Do you want to remove these border? – http://prntscr.com/aqrcwd

In that case you can use this CSS :

.esg-grid li.eg-grant-wrapper {
  box-shadow: none!important;
}

Hope this helps.

Cheers!

[Sandra]

Hi Rupok,

Sorry for not beeing clear. Actually I want to show the external borders as right now only the internal ones are showing. See https://pmetools.ch/accueil/expertise . I tried to work on the grid padding but didn’t help.

Thanks and best wishes,

Sandra

[Christopher]

Thanks for writing in! Regretfully, at this time I am not entirely certain what it is you would like to accomplish based on the information given in your post. If you wouldn’t mind providing us with a little more clarification on what it is you’re wanting to do (a link to a similar example site would be very helpful, or perhaps some screenshots), we’ll be happy to provide you with a response once we have a better understanding of the situation.

[Sandra]

Hi Christopher,

Thanks for coming back to me. The issue I have is that the external light grey borders of the Essential Grid are not showing as on this page https://pmetools.ch/accueil/expertise (true also on 3 other pages, see example in file attached).

Thanks and best regards,

Sandra

[Zeshan]

Hi Sandra,

To show the shadows, add following CSS under Custom > CSS in the Customizer:

.esg-overflowtrick {
  padding: 2px;
}

Hope this helps. 🙂

Thank you!

[Sandra]

Worked great!

Thanks Zeshan and have a great day!

Sandra

[Prasant Rai]

You’re welcome! We are just glad we were able to help you out.

[Author]

Posts