Support » Plugin: SiteOrigin CSS » The cookie bar hides the SiteOrigin CSS menu.

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author Andrew Misplon

    (@misplon)

    Hi, thanks for reaching out.

    Are you able to click Ok in the cookie bar?

    Thread Starter ildomandatore

    (@ildomandatore)

    Yes, I am able to hit the X, but this closes the cookie bar. It does not select the class to close. Your plugin doesn’t work on custom scrollbars either.

    is slow.
    Chrome’s Dev Tool is much faster.

    I press the + button in the shares and the shares window opens. I have to go back to get the selected class.

    There is no option to view the page from desktop, to tablet, to phone.

    I have not found the option to undo the changes made, I have to delete the parts that do not interest me.

    Where is the option to switch between visual and extended visual?

    In the extended view if I press the bottom menu of the plugin, it adds the classes or a CSS code, it adds it to me among the custom CSS codes. Definitely uncomfortable and with a different behavior than the visual.

    I don’t see the full path of the classes if they have long names.

    There are no options for pseudo classes like Hover, active, focus, visited.

    The plugin is interesting and useful for a novice like me. It takes me a lifetime to find the selectors that interest me With the Chrome Dev Tool. But this free plugin has to go a long way to be useful to more people.

    I will continue to try the plugin, waiting to see the suggestions I have given and to better understand how it works.

    Plugin Author Andrew Misplon

    (@misplon)

    Hi again, thanks for your feedback.

    SiteOrigin CSS isn’t intended, at this stage, to be a replacement for creating Custom CSS using Chrome Dev Tools. If you’re familiar with Dev Tools, then that’ll be a quicker and easier process.

    In the visual editor, the magnifying glass icons opens and closes the inspector panel. If the inspector panel is closed then the cookie bar should close when the x icon is clicked. When the inspector is open you should ideally be able to inspect the x when clicked.

    If the inspector is open and you aren’t able to select the close icon in your cookie bar, please, let us know the name of the plugin providing the bar and we’ll take a look.

    There is no option to view the page from desktop, to tablet, to phone.

    Creating a responsive option for SiteOrigin CSS is in our feature request list.

    I have not found the option to undo the changes made, I have to delete the parts that do not interest me.

    There isn’t currently an undo option. I’ll pass your feedback on to the team.

    Where is the option to switch between visual and extended visual?

    It isn’t possible to move from visual to extended visual. Only from Appearance > Custom CSS to extended visual and then to visual and then back to the Appearance > Custom CSS screen.

    In the extended view if I press the bottom menu of the plugin, it adds the classes or a CSS code, it adds it to me among the custom CSS codes. Definitely uncomfortable and with a different behavior than the visual.

    The extended visual mode should only be adding new rules to the bottom of your CSS. I haven’t been able to recreate rules being inserted amongst existing CSS. I’ll pass this feedback on for a further look.

    I don’t see the full path of the classes if they have long names.

    In the visual editor, if you click on the class drop-down field at the top left, it’ll expose longer class names. The inspector area at the bottom of the screen has a horizontal scroll bar that can be used to view longer class names.

    There are no options for pseudo classes like Hover, active, focus, visited.

    If you click on a link, hover will be presented in the inspector at the bottom of the screen. Other pseudo-classes aren’t currently an option. Thanks for your feedback.

    Screenshots relating to this reply: https://imgur.com/a/KQXlaVe

    Thread Starter ildomandatore

    (@ildomandatore)

    I have the custom scrollbars and they also modify those of the plugin.
    https://postimg.cc/vcCNMZ4Z

    I can’t find the class and IDs to make rounded corners to a specific submenu.
    https://postimg.cc/SnWDh70g

    If I press buttons, the plugin does not select but opens links or closes windows.
    https://postimg.cc/QV9gDk1c

    Near the magnifying glass the path is long and you cannot see what is there before.
    https://postimg.cc/QV9gDk1c

    Plugin Contributor alexgso

    (@alexgso)

    Hi,

    I have the custom scrollbars and they also modify those of the plugin.

    Your scrollbar CSS affects the general page CSS so we’re also going to be affected as the inspector is on the page itself.

    I can’t find the class and IDs to make rounded corners to a specific submenu.

    Oddly, the inspector isn’t present in your screenshot and that’s required to identify the selector. I suspect this may be due to the next point so we’ll need to come back to this once you’ve run the plugin conflict test to identify what’s interfering with some of the SiteOrigin CSS JavaScript.

    If I press buttons, the plugin does not select but opens links or closes windows.

    This is a sign of a plugin conflict – basically, something is preventing our JavaScript from working so we’re unable to prevent the navigation. Would you mind running a quick plugin conflict test?

    You can start by disabling all non-SiteOrigin plugins and see if this fixes the issue. You’ll need to clear all your caches after disabling your plugins. So just to confirm, double-check if the issue is coming up while all other plugins are disabled.

    If it does fix the issue, then try re-enabling your plugins one by one until the issue comes back. This procedure will help diagnose which plugin is causing the issue. Once we know that, we’ll be able to look at what might be causing the conflict and either solve the problem or help you find an alternative plugin.

    You could also try temporarily switching to a default WordPress theme like Twenty Sixteen. Default WordPress themes are generally very lightweight which lowers the chance that they’ll conflict with plugins, so they’re a good way to test if your original theme is the source of the issue.`

    Near the magnifying glass the path is long and you cannot see what is there before.

    Due to limited screen real estate, we’re unable to show all selectors – this is especially true with certain more complicated elements. If you would like to see previous selectors you’ll need to selector a prior selector and that’ll adjust the selectors visible in relation to the new selection.

    Kind regards,
    ALex

    Thread Starter ildomandatore

    (@ildomandatore)

    I haven’t tried to disable the plugins. If necessary, I will do it.

    The theme is Astra.

    The plugins I try to modify are;
    – wpDiscuz.
    – Give – Plugin for Donations (they use an iframe to lock the changes. I’ll ask them for more information why the changes to unlock the iframe didn’t work.).
    – AddToAny Share Buttons.
    – Cookie Notice & Compliance for GDPR / CCPA.
    – Ivory Search.
    – WPForms Lite.

    I have other plugins, but I will be modifying them in the future and I wouldn’t want to bombard you with information all at once. 🙂

    Plugin Contributor alexgso

    (@alexgso)

    Hi,

    Unfortunately, none of those plugins stands out as the cause of the issue you’re facing. I recommend proceeding with the plugin conflict test. It’s a very straightforward test that should only take a few minutes. There’s very little risk of anything going wrong, but as long as you do a backup before proceeding if something does go wrong you can simply restore the backup and it’ll be as if the test was never run.

    Kind regards,
    Alex

Viewing 7 replies - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.