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
Modifying CSS panel-body
Modifying CSS panel-body
ver 23.15 1484
Re: Modifying CSS panel-body
Hi,
maybe you can try to change the color of the background for the panel to transparent.
maybe you can try to change the color of the background for the panel to transparent.
Any help offered comes with the best of intentions. Use it at your own risk. In any case, please make a backup of your existing environment before applying any changes.
Re: Modifying CSS panel-body
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
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>
Homepage AFTER
Homepage BEFORE
Best,
Jan
Kind regards,
<js />
My AppGini Blog:
https://appgini.bizzworxx.de/blog
You can help us helping you:
Please always put code fragments inside
AppGini 24.10 Revision 1579 + all AppGini Helper tools
<js />
My AppGini Blog:
https://appgini.bizzworxx.de/blog
You can help us helping you:
Please always put code fragments inside
[code]...[/code]
blocks for better readabilityAppGini 24.10 Revision 1579 + all AppGini Helper tools
Re: Modifying CSS panel-body
Many thanks! works great!
jsetzer wrote: ↑2019-11-19 17:20Hi,
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)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>
Homepage AFTER
yuiZynL4EU.png
Homepage BEFORE
chrome_fnwHZ7EM0l.png
Best,
Jan
ver 23.15 1484
Re: Modifying CSS panel-body
Great, can you post a screenshot?
Kind regards,
<js />
My AppGini Blog:
https://appgini.bizzworxx.de/blog
You can help us helping you:
Please always put code fragments inside
AppGini 24.10 Revision 1579 + all AppGini Helper tools
<js />
My AppGini Blog:
https://appgini.bizzworxx.de/blog
You can help us helping you:
Please always put code fragments inside
[code]...[/code]
blocks for better readabilityAppGini 24.10 Revision 1579 + all AppGini Helper tools
Re: Modifying CSS panel-body
ver 23.15 1484
Re: Modifying CSS panel-body
Much better now, well done!
Kind regards,
<js />
My AppGini Blog:
https://appgini.bizzworxx.de/blog
You can help us helping you:
Please always put code fragments inside
AppGini 24.10 Revision 1579 + all AppGini Helper tools
<js />
My AppGini Blog:
https://appgini.bizzworxx.de/blog
You can help us helping you:
Please always put code fragments inside
[code]...[/code]
blocks for better readabilityAppGini 24.10 Revision 1579 + all AppGini Helper tools
Re: Modifying CSS panel-body
Hello
Just trying and it is working well
Thank you
Just trying and it is working well
Thank you