Edit width of Maps Contact Box

goosgrafisch · September 2015

Hi there,

I've created a full width map on my contact page. In the right of the map I have the contact box with all the address details.

Can I change the widht of this contact box. It has a long emailaddress and domain name, so it's not shown on 1 line but on 2 - not nice.

There's a field for Custom CSS (Custom CSS Item Classes Names) here I entered:

div {width: 300px;}

But I'm not sure if it's even a div or that the CSS only affects 'Names'

Thanks in advance.

Albert · September 2015

Hi,

please send us url to page where you want to do this and we'll have a look.

goosgrafisch · October 2015

Thank you: http://schoonheidssalonwish.nl/?page_id=28

I've already shorten the www url but I can't do that with the emailadres.

Albert · October 2015

Ok. So to increase contact box width, please use below css:

.column_map .google-map-contact-wrapper .get_in_touch { width: 230px !important; }

goosgrafisch · October 2015

Hi there,

I've put the line at the Custom CSS Item Classes Names field and that didn't worked. But at the custom css of at the theme options, it did!

Thank you for your help

Albert · October 2015

You put this code in the wrong place. All css's should be pasted under Theme options > Custom CSS & JS > Custom CSS section. The field you mentioned above, is place where you can set classes names only.

efrenjr · February 2016

Thanks! just what i was looking for. Worked great!

Edit width of Maps Contact Box

Comments