×By using thePHPfactory.com you agree to our
use of cookies to enhance your browser experience.
Hi,
On the 'Members Map' the default size seems to be '400px' I need it to be approx 550px, but I can't seem to change this against the DIV in my Templates custom CSS input.
I have found this when I inspect the element:
<div id="lovefactory-membersmap" style="height: 400px; width: 100%;" class="lovefactory-google-map"></div>
& altering this "height: 400px;" in Google Chrome or Firefox in the browser element inspector to "550px" does change it, so it shows the members map height can be increased.
When I try doing this code in my templates Custom CSS:
div.lovefactory-membersmap.lovefactory-google-map {
height: 550px;
}
which should replicate what I'm doing in the browser, nothing seems to happen.
(Also tried:
div.lovefactory-google-map & lots of other iterations with # & only .)
I have also altered the size in the 'Fields section' of "Google Maps Location" to both 100% & 550px.
This still doesn't change the height of my Members Map.
I have even added this into the 'Custom CSS' of the field section itself:
.form_field_43_container {
height: 550px;
}
still nothing.
How can I increase my Members Map to 550px or even 100% of the window please?
thanks.
Lee