Buy Now
Sign in

Remove frame around form

hersteldhervormdzeeland , January 13 2022, 13:12
H
hersteldhervormdzeeland 3
January 13 2022, 13:12 #397737
I just switched to version 7. All forms now have a frame. I'd rather not. How can I remove that?
GreyHead 65
January 13 2022, 13:22 #397738
Hi,
Probably just change some CSS. Please post a link to one of your forms so we can take a quick look.
Bob
If you'd like to buy me a coffee or two, thank you very much
H
hersteldhervormdzeeland 3
January 13 2022, 13:38 #397739
This page for example: https://hersteldhervormdzeeland.nl/index.php/wijzigingen-doorgeven
GreyHead 65
January 13 2022, 14:37 #397740
Hi,
The border is added by CSS in your template - see the border element here:
.body .container {
background-color: #fff;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
padding: 20px;
border: 1px solid rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.05);
-webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.05);
box-shadow: 0px 0px 6px rgba(0,0,0,0.05);
}
You should be able to over-ride this with Custom CSS using the id from this element in the form HTML as it is the 'container' that is having the border added.
<div id="Wijzigingen.load" class="ui container fluid form chronopage">
Bob
If you'd like to buy me a coffee or two, thank you very much
H
hersteldhervormdzeeland 3
January 13 2022, 14:50 #397741
Thank you very much. I have no idea where to do anything with the CSS so I'll just accept that frame I guess. The manuals of version 7 are really very limited, too bad. As an amateur it is almost impossible to work with this anymore. I'm going to look for a documented tool.