Forums

I just switched to version 7. All forms now have a frame. I'd rather not. How can I remove that?

Hi,
​
Probably just change some CSS. Please post a link to one of your forms so we can take a quick look.
​
Bob

This page for example: https://hersteldhervormdzeeland.nl/index.php/wijzigingen-doorgeven

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

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.