Modifying CSS panel-body

[fbrano]

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

[pbottcher]

Hi,

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

[fbrano]

Any ides how?

Hi,

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

[jsetzer]

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 (25.02 KiB) Viewed 14753 times

Homepage BEFORE

chrome_fnwHZ7EM0l.png (29.93 KiB) Viewed 14753 times

Best,
Jan

[fbrano]

Many thanks! works great!

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

[jsetzer]

Great, can you post a screenshot?

[fbrano]

[jsetzer]

Much better now, well done!

[Moh Youba]

Hello

Just trying and it is working well

Thank you