[Resolved] getting links behind divi's "et_builder_inner_content et_pb_gutters3" clickable

[Author]

Posts

[jameyC-2]

I am trying to use toolset to remove or shrink this divi element(et_builder_inner_content et_pb_gutters3). It is hiding the links I want to be clicked behind it. I have been using prior posts related to this topic to help, but none seem to work. All of them say to use "[wpv-post-body view_template="your-loop-item-created-with-divi-template" suppress_filters="true"]", but I have tried this and it does not work. I have attached the link to the direct page I am trying to do this on. I am trying to rid the overlying "gutter" container so that the buttons are clickable. Any assistance would be appreciated

hidden link

[Christian Cox]

Hi, in the CSS inspector it looks like the main content area has relative positioning and a z-index of 1, but the sidebar div has no z-index or positioning so it's underneath the main content by default. You can bring that desktop sidebar div to the front by adding a z-index of 2 and relative positioning with CSS. Try adding this CSS code in your View or Content Template in one of the CSS editor panels:

.single-post.et_divi_builder .c-article__sidebar--lg {
  position:relative;
  z-index:2;
}

You may need to clear the theme's CSS cache and/or rebuild your CSS if you minify and concatenate CSS files using Divi's optimization tools, then clear your browser cache to see the updates. Let me know if it needs any tweaks after that change.

[jameyC-2]

My issue is resolved now. Thank you!