Can’t access settings in dashboard settings

Hey @twogunrosie

We link to our other plugins in the sidebar of the settings page, but they should be on the far right of that page.

I am thinking that there might be a problem viewing those settings on a mobile phone.

Can you please confirm what device and browser are you using?

I am using a desktop computer with two large dual monitors. I would be more than happy to send you a screen cap if I was able to do that.

I am using Chrome.

• This reply was modified 4 years ago by TwoGunRosie.

I think there might be a conflict with another plugin or your theme causing the issue, but it would be good to confirm by a screenshot.

This is what it should look like: https://pasteboard.co/JA0uoA9.png

Please can you upload a screenshot to https://pasteboard.co/

And paste the link here.

I turned off all my other plugins, so it’s not a plugin conflict as far as I can tell. I am using (and have always used) the Genesis framework and have never had a problem before.

Here is the link to what I’m seeing: https://pasteboard.co/JA1EHjA.jpg

Thanks for the screenshot – something is certainly not right and it should not be overlapping the settings.

What browser are you using?

I am using Chrome.

I am also using Chrome, and it is hard to tell why it is looking like that on your PC and not mine, but I will rework the CSS on the settings page to try and avoid this

it is wrong on mine too on a desktop using the genesis breakthough pro theme

it is correct on other sites using customized twentyseventeen themes

I can confirm that this is caused by a CSS conflict with the Genesis theme.

Adding this CSS fixes the problem, which I will be including in the next update of FooBox:

#foobox-free-settings-sidebar {
    width: 305px !important;
}

I added your snippet of code to my style sheet but nothing happened. Also tried it in Additional CSS within the dashboard theme settings as well. FYI I did a hard reload in Chrome, but nothing changed.

The style.css and additional CSS only loads and runs on the frontend of the site. You will need to make sure it gets added to the admin. You can add this code to your theme functions.php file:

add_action('admin_head', 'my_custom_admin_css');

function my_custom_admin_css() {
  echo '<style>
    #foobox-free-settings-sidebar {
        width: 305px !important;
    }
  </style>';
}

Hi @twogunrosie and @jjazzbel

We haven’t heard from you in a while, so we presume the problem has been resolved and we’re closing this support ticket.

If you are still experiencing the problem, then please open a new support ticket.

Regards,
Elvis.

This CSS conflict has been fixed in the latest version.

Also, the ads are hidden if you have the plugins installed