Useful Tips | Check it Out!

  • Resolved jetxpert

    (@jetxpert)


    4 years, 6 months ago

    All,

    Thought I’d share some useful tips (CSS codes) to help you get the most out of this awesome plugin.

    Note: Adjust given parameters to suit your needs.

    Here goes:

    (1) Hide Notification Bar on Mobile

    @media screen and (max-width: 500px) {
#wpfront-notification-bar {
display:none!important;
}}

    (2) Adjust Font Size of Notification Bar Message

    #wpfront-notification-bar td {
font-size:16px!important;
}

    (3) Change Appearance of Notification Bar Button

    #wpfront-notification-bar a.wpfront-button {
font-weight:600!important; 
margin-left:12px!important;
padding: 8px 12px 8px 12px!important;
font-size:15px!important;
border-radius:4px!important;
border:none!important;
}

    (4) Change Color of Notification Bar Button on Hover

    #wpfront-notification-bar a.wpfront-button:hover {
background:#278ec585!important;
border:none!important;
}

    (5) Change Position and Size of Notification Bar Close (X) Button

    #wpfront-notification-bar div.wpfront-close {
top: 22px!important;
right: 10px!important;
font-weight: 500!important;
font-size: 11px!important;
}

    Enjoy!

Viewing 8 replies - 1 through 8 (of 8 total)
  • Thread Starter jetxpert

    (@jetxpert)

    All,

    You are welcome to add “Useful Tips” to this forum entry.

    Let’s keep this plugin alive and well.

    Thank you!

    Thread Starter jetxpert

    (@jetxpert)

    One more tip:

    (6) How to Trigger Modal Using Javascript (Open Modal on Button Click)

    Click here.

    How about a useful tip on how to make the bar show for people NOT logged in? Several have had this issue but there has been no resolution. Thanks!

    Thread Starter jetxpert

    (@jetxpert)

    @joeydav0117,

    What do you mean by “NOT logged in”? You mean any website visitor?

    Can you provide relevant screenshots and elaborate more?

    We have had no issues with this plugin (logged in or logged out). Works like a charm for us.

    Thank you!

    For users who ARE NOT logged into the wordpress dashboard, the plugin doesn’t work unless you choose “Guest Users. (Not logged in users).

    If you choose ALL USERS, the bar appears to those logged in to the dashboard, but not those NOT logged in – like regular visitors. I believe confusion arises because the intuitive choice is ‘All Users.’ But that isn’t working for those viewing the site NOT LOGGED IN.

    https://ibb.co/yPCx2m9

    Thread Starter jetxpert

    (@jetxpert)

    @joeydav0117,

    We are using ALL USERS and the bar appears to everyone including those NOT logged in (e.g., visitors). Click here to view our configuration.

    Troubleshooting recommendations: (perform in the given order)

    (1) Verify that jQuery is not deferred.
    (2) Clean your Database Tables, etc. using the plugin, WP-Sweep.
    (3) Uncheck “Enable WP eMember integration.”
    (4) Perform a complete plugin conflict check.
    (5) Perform a clean uninstall/reinstall of the plugin (copy/save settings first).

    Solved?

    Thread Starter jetxpert

    (@jetxpert)

    @joeydav0117,

    Additional troubleshooting recommendations:

    (6) If you’re using a cache plugin, check your CSS and JS settings. For example, make sure jquery.js or jquery.min.js is not deferred. If deferred, several plugin features will not work.

    (7) In settings, make sure the box “Keep Closed” is unchecked. Clear all cache, deactivate the plugin, then reactivate it.

    (8) If using Divi, disable the fixed header option.

    (9) Update WP, plugins, and theme to their latest version. As of this writing, we’re using WP 5.5.1 and it’s working great.

    Cheers!

    Plugin Author Syam Mohan

    (@syammohanm)

    Thank you @jetxpert for supporting the community. ??

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Useful Tips | Check it Out!’ is closed to new replies.