Joomla Templates Club 406,261 posts

[norchris Friend norchrisJoin date: December 2010Posts: 146Downloads:7Uploads:21 Thanks: 81 Thanked: 3 times in 1 posts]

#182166

Hi 🙂

Is there a (easy) way to amend/adjust and add addresses around the globe/world to be shown in the world map? In Mendozite, placed in user 12 position.

The map is nice and look good on pages, so I would prefer to use it. But, if it cannot be altered – could you suggest a Joomla module where I can pin several addresses/offices world wide?

Thanks and cheers,

Norchris

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#472668

<blockquote>Is there a (easy) way to amend/adjust and add addresses around the globe/world to be shown in the world map? In Mendozite, placed in user 12 position. </blockquote>

Hi

You can edit the css and change or add values (margin-left : margin-bottom 🙂 to move the positions around the globe

1 user says Thank You to pavit for this useful post

1. norchris

[norchris Friend norchrisJoin date: December 2010Posts: 146Downloads:7Uploads:21 Thanks: 81 Thanked: 3 times in 1 posts]

#472687

Thank you! Your reply gives hope!

Could you be more specific on which CSS file I must edit? Where it is located?

Norchris

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#472690

In this file /templates/ja_mendozite/css/template.css around line 1420 you have

.point-1 {
left: 80px;
top: 45px;
}
.point-2 {
left: 129px;
top: 60px;
}
.point-3 {
left: 150px;
top: 55px;
}

Changing values you can set new positions also you can add new points (.point-4 {….. )

1 user says Thank You to pavit for this useful post

1. norchris

[norchris Friend norchrisJoin date: December 2010Posts: 146Downloads:7Uploads:21 Thanks: 81 Thanked: 3 times in 1 posts]

#472750

Thank you, again!

Now, the only question which remains (at least I hope so), is; where/how do I edit and add texts?

Norchris

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#472751

<em>@norchris 345989 wrote:</em><blockquote>Thank you, again!

Now, the only question which remains (at least I hope so), is; where/how do I edit and add texts?

Norchris</blockquote>

Module is using brandinfo class that is defined in template.css file

/* Our Brand's Address ---*/
.brandinfo-wrap {
background: url(../images/brands-map.png) no-repeat left top;
width: 308px;
height: 165px;
position: relative;
}

.brandinfo-wrap .brandinfo-main {
display: none;
background: url(../images/brandinfo-main.png) no-repeat center center;
position: absolute;
z-index: 2;
bottom: 0;
left: 0;
padding: 10px;
color: #ccc
width: 280px;
}

.brandinfo-main h4 {
color: #fff
text-transform: uppercase;
}

.brand-point {
width: 14px;
height: 34px;
line-height: 53px;
text-align: center;
background: url(../images/brand-point.png) no-repeat left top;
position: absolute;
z-index: 1;
color: #1f2227
font-weight: bold;
font-size: 92%;
}

.point-1 {
left: 55px;
top: 25px;
}

.point-2 {
left: 195px;
top: 15px;
}

.point-3 {
left: 265px;
top: 10px;
}


Look at this guide how is made the Our’s brand address module in Demo Site.

1 user says Thank You to pavit for this useful post

1. norchris

[norchris Friend norchrisJoin date: December 2010Posts: 146Downloads:7Uploads:21 Thanks: 81 Thanked: 3 times in 1 posts]

#472754

Thank you!

I have been using the JCE-editor. In this editor, the map and NOT the addresses, appear in the module window. So, that is why I have been having a hard time editing the texts. A new experience for me… When I changed back to TinyMCE, the addresses reappeared in editable versions…. (on the other hand, maybe the JCE-editor makes it easier to edit the texts, but I could not figure out how.

Anyway, thank you, again!

Norchris

[Author]

Posts