1. Osclass Forum
  2. Plugins
  3. Cbk User

Cbk User

Started by kris koyk, December 23, 2025, 8:48 pm

kris koyk

Re: Cbk User

on :December 27, 2025, 8:39 pm #862

This is probably the cause:
<div class="bpr-right-box">

calinbehtuk

Re: Cbk User

on :December 27, 2025, 9:19 pm #863

Quote from: kris koyk on December 27, 2025, 8:39 pm

This is probably the cause:
<div class="bpr-right-box">


This is content inserted by you, i can't do anything in this plugin for that.


You can try to add a javascript in the file that you display this code, to hide the empty fields.


Code: [Select]
​    <script type="text/javascript">
        document.querySelectorAll('.bpr-right-box').forEach(div => {
            if (div.innerText.trim().length === 0) {
                div.style.display = 'none';
            }
        });
    </script>



This will hide every empty fields with that class "bpr-right-box".


kris koyk

Re: Cbk User

on :December 27, 2025, 9:32 pm #864

Great! The problem is solved. Thank you very much. One more thing, can I add color to the field name and how is it done?

calinbehtuk

Re: Cbk User

on :December 27, 2025, 9:39 pm #865

Quote from: kris koyk on December 27, 2025, 9:32 pm

Great! The problem is solved. Thank you very much. One more thing, can I add color to the field name and how is it done?


This is basic css nothing special


Code: [Select]
​ .bpr-right-box .f-name{
            color:red;
        }



I suggest you to read this


https://www.w3schools.com/html/html_css.asp

kris koyk

Re: Cbk User

on :December 27, 2025, 10:02 pm #866

I put the color in this file:
oc-content/plugins/cbk_user/include/assets/css/style.css

in this line:
.cbk-user-display .f-name{display:inline-block;margin-right:5px;font-weight:700;width:30%;flex:1; color:red;} but it doesn't work.

kris koyk

Re: Cbk User

on :December 27, 2025, 10:23 pm #867

Ok, this issue is resolved. Thank you very much for your help and patience.

Subscribe
X

Subscribe!

Subscribe to get the latest listings, updates and special offers delivered directly in your inbox.