FAB obscured by content containers

I think I may have an actual problem that isn’t merely a pbkac issue.

I added a FAB button through the audiate plugin.

The plugin provides the following script:

Adding this script to posts with no container caused it to run at the far edge of the page changing hte fab_position to: bottom_center improved it by placing it at the edge of the floating content containers.

However, the FAB is obscured by the background color of the content div (as well as the footer which isn’t really that big a deal tbh) (see attached image)

I’ve tried to use the following code to bring the FAB to the forefront.

.fab bottom center s-v0tfzo {
z-index: 999;
}

Using various classes within the plugin’s code in my customizer and my global css window in Pro.
. s-v0tfzo {
.fab bottom center {
.fab botton center s-v0tfzo {
.87118281 {
.audiate-widget {
.audioplace-me {

Basically any class or id I can pull from explorer. It has variously worked then reverted back behind the content background.

FWIW, I added the following code to my global css to remove a white bar on my entry-content for the blog archieve page. Perhaps that’s the root cause of the problem. Is there another work-around for this issue?

.x-container {
background-color:#423d3e
}

…can’t add photos to secure notes.

FWIW, the domain in question is dynastygeeks.com

The FAB is supposed to show on each and every post…you can see the top widget but the one at the bottom is obscured.

Hi @yslexdia,

Thanks for reaching out!

The audiate plugin is not part of our bundled plugins listed here. Regretfully, integrating it into your website is outside the scope of our theme support. You may seek 3rd party developers to help you with your problems or you can avail One where we can answer questions outside of the features of our theme.

Thank you for understanding.

I wasted my money on Cornerstone. First problem I’ve had that wasn’t pure personal ignorance, and I’m up a creek. Instead of a modicum of help I get a branded call to action asking for dollars to perform? Fun.

Simply changing the z-index value of the sections that contained my content was sufficient. Just in case anybody else has a similar problem…with the themeco paywall.

Change the z-index from 1 to 0

I also have the z-index of my floating button set to 999, fwiw

Hi @yslexdia,

We’re glad that you’re able to figure it out!

Thank you.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.