Overwrite float:left property in span

Question

I want the submit button to appear below the map. I can achieve this by deactivating float:left. How could I achieve this?

I tried overwriting the properties of <Span>.

<html>
  <head>
    <style>
      input[type=submit] {display: block}
  span {float:none}


</style>
{{ form.media }}


</head>
  <body>

And modifying the properties of the widget. Neither worked.

widgets = {
    'Location':  OsmPointWidget(attrs={
      'map_width': 300, 
      'map_height': 300,
      'style':'float:none'}),

score 1 · Accepted Answer · answered Jun 18 '20 at 18:27

1

Using custom css (in a custom css file or in the header), you can override the float:left by adding:

#id_Location_span_map {
  float: none!important;
}

answered Jun 18 '20 at 18:27

Ben

1 Answers1