gm-style is overwriting map info window style

If you're using windows, download windows grep and install it.

After that right click on the template folder (assuming that you have a copy of the website on ur harddrive) and select windows grep and search for ".gm-style-iw", it will tell you where it is.

Anyway you can override css class using !important after the setting.

Open the CSS file and insert:

.gm-style .gm-style-iw div {

font-weight: none !important;

font-size: 18px !important;

}

And you will see the changes.

Thank you stblink,

but this solution seems to not be working for me

.gm-style .gm-style-iw div

cass rules are applied to the whole infowindow text, so overriding them changes all the texts size, while I want to change only the title size

I tried several solution to better specify custom the css class which I ahve created to sorround the title,

my div for the tile looks like this

<div class="cb-title-1"> 

<a href="/<?php echo JRoute::_($record->url)?>"><?php echo $record->title;?></a></div>

and I tried this

.cb-title-1 {font-weight:bold;

font-size:150% !important; 

}

this

.gm-style .gm-style-iw div .cb-title-1 {font-weight:bold;

font-size:150% !important; 

}

and this

.gm-style .gm-style-iw .cb-title-1 div {font-weight:bold;

font-size:150% !important; 

}

as well as other combinatrions, but no luck since now...

the whole infowindow template code looks as below

<style type="text/css">

.gm-style .gm-style-iw div .cb-title-1 {font-weight:bold;

    font-size:150% !important; 

}

.cb-infowindow-img{ float: left;

    margin:3px 6px 0px 0px;

    width:130px;

    height:auto;

    overflow:hidden;

}

.cb-infowindow-img img{

    width:130px;

    height:auto;

}

</style>

<div class="cb-title-1"> 

<a href="/<?php echo JRoute::_($record->url)?>"><?php echo $record->title;?></a></div>

<?php /*?>IMAGE<?php */?>

<?php if(isset($record->fields_by_id[18])): ?> <div class="cb-infowindow-img"><?php echo $record->fields_by_id[18]->result; ?></div> <?php endif; ?> 

<?php /*?>Description<?php */?>

<?php if(isset($record->fields_by_id[27])): ?><div><?php echo $record->fields_by_id[27]->result; ?></div><?php endif; ?>

Try this:

.cb-title-1 a {font-weight:bold;

font-size:150% !important;

}

great sblink, this works!

thank you so much :)

Your welcome!

Awesome site i love it keep posting more! Click here

Awesome site i love it keep posting more! Click here

Wow, this is so cool. I think this is one of the best blog posts ever written, my location. The standard of your work is very good. It's a big deal.