AppGini Community Forums

Hey there,

Im lately straggling with modifying CSS style in a code. On my home page after login I've made custom filters for filtering record from my main table:
.
As you can see, there is a white frame around all these button. I figured out through developer tools in firefox that this div is called panel-body:


And if I change the value in px from 15 to 0 the white border disappears:


Can you help me how could I make these changes permanent and where I need to edit it?
Thanks in advance guys

Hi,

maybe you can try to change the color of the background for the panel to transparent.

Any ides how?

pböttcher wrote: ↑

2019-11-18 20:21

Hi,

maybe you can try to change the color of the background for the panel to transparent.

Hi,

I'm not sure if this is what you are looking for. Maybe this short code can help you:

Code in header-extras.php
(I have set a gray background-color to illustrate the changes)

Homepage AFTER


Homepage BEFORE


Best,
Jan

Many thanks! works great!

jsetzer wrote: ↑

2019-11-19 17:20

Hi,

I'm not sure if this is what you are looking for. Maybe this short code can help you:

Code in header-extras.php

Code: Select all

<!-- file: hooks/header-extras.php -->
<script>
    $j(function() {
        $j(".table_links > div > .panel > .panel-body").unwrap();
        $j(".custom_links > div > .panel > .panel-body").unwrap();
    });
</script>

(I have set a gray background-color to illustrate the changes)

Homepage AFTER


yuiZynL4EU.png


Homepage BEFORE


chrome_fnwHZ7EM0l.png


Best,
Jan

Great, can you post a screenshot?

Much better now, well done!

Hello

Just trying and it is working well

Thank you