Make the Notices beautiful with HTML Elements

  • Resolved gamicord

    (@gamicord)


    2 years, 9 months ago

    Hello Sir.

    This is a Community Website that I logged into– https://tefconnect.net/

    Now, while logged in, I discovered that the Admin is able to Post a Site-wide Message that all logged in users will see on the Top of their Dashboards as you can see here– https://prnt.sc/Jy2eUiK9kaAH

    I searched through WordPress and came across your plugin— https://ww.wp.xz.cn/plugins/bp-pinned-feed-notices/

    This your plugin is exactly what I want.

    REQUEST

    My Request is this– Would I be able to make the Notice look beautiful as the sample I showed here– https://prnt.sc/Jy2eUiK9kaAH

    The sample I showed allowed us to add HTML Elements like Button, Image and Text to create the notice.

    While yours looks like it is All Text.

    Would we be able to create a more advanced Notice– where we can use HTML elements like Button, Image, and Text, then be able to style them with CSS?

    Needing to hear from you soon.

    Regards.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Giannis Kipouros

    (@giannis4)

    2 years, 9 months ago

    Hi @gamicord ,

    Thanks for using our plugin!

    You can use HTML in the notices by editing the notice, clicking on the “Text” tab and adding your HTML.

    So if you add the HTML of the elements in your screenshot (i.e. button, title, content, e.t.c.) in the notice content area, everything should be displayed in the front-end.

    Then you can style it with CSS.

    Let me know if that helps.

    Best regards,
    Giannis

    Thread Starter gamicord

    (@gamicord)

    2 years, 9 months ago

    Thank You for this guide. I have followed it, and it seems to work, as you can see here— https://prnt.sc/UDR2jD6VnPmZ

    But I will like to remove the close button. I don’t want my users to be able to close the Message.

    Is there a way I can do that?

    Regards.

    Plugin Author Giannis Kipouros

    (@giannis4)

    2 years, 9 months ago

    Hi @gamicord ,

    Awesome! Good to hear that it worked.

    You can hide the “X” button using CSS, by targeting the “.bp-pinned-feed-notice .remove-notification” class.

    Something like:

    .bp-pinned-feed-notice .remove-notification {
   display: none;
}

    Best regards,
    Giannis

    Plugin Author Giannis Kipouros

    (@giannis4)

    2 years, 8 months ago

    Hi @gamicord,

    I am marking this ticket as resolved since there were no further requests.

    Feel free to contact me at any time.

    Best regards,
    Giannis

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Make the Notices beautiful with HTML Elements’ is closed to new replies.