Joomla Templates Club 406,261 posts

[rachyim Friend rachyimJoin date: June 2015Posts: 62Downloads:0Uploads:0 Thanks: 36]

#640258

Hi,
Somehow the contact info box on top of the embedded google map lost the original box style. How can I get the box instead of this long rectangle. Screenshot attached

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#645070

Try adding the following to your custom.css file:


.uber-contact-info.style-2 .info, .uber-contact-info.style-1 .info {
background-color: #039be5;
color: #ffffff;
padding: 26px;
position: absolute;
width: 300px;
}

[rachyim Friend rachyimJoin date: June 2015Posts: 62Downloads:0Uploads:0 Thanks: 36]

#645091

Sorry, That didnt do it.. still showing the same. any other suggestions?

[rachyim Friend rachyimJoin date: June 2015Posts: 62Downloads:0Uploads:0 Thanks: 36]

#743716

Sorry, That didnt do it.. still showing the same. any other suggestions?

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#645151

<em>@rachyim 484938 wrote:</em><blockquote>Sorry, That didnt do it.. still showing the same. any other suggestions?</blockquote>

Try This . . . .

Within file path —> /templates/uber/local/acm/contact-info/css/style.css
at line 87, modify as follows:


.uber-contact-info.style-2 .info, .uber-contact-info.style-1 .info {
background-color: #039be5;
color: #ffffff;
padding: 26px;
position: absolute;
width: 300px;
}

SAVE CHANGES – CLEAR CACHE – REFRESH PAGE

Better ??

1 user says Thank You to TomC for this useful post

1. rachyim

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#743776

<em>@rachyim 484938 wrote:</em><blockquote>Sorry, That didnt do it.. still showing the same. any other suggestions?</blockquote>

Try This . . . .

Within file path —> /templates/uber/local/acm/contact-info/css/style.css
at line 87, modify as follows:


.uber-contact-info.style-2 .info, .uber-contact-info.style-1 .info {
background-color: #039be5;
color: #ffffff;
padding: 26px;
position: absolute;
width: 300px;
}

SAVE CHANGES – CLEAR CACHE – REFRESH PAGE

Better ??

1 user says Thank You to TomC for this useful post

1. rachyim

[rachyim Friend rachyimJoin date: June 2015Posts: 62Downloads:0Uploads:0 Thanks: 36]

#645197

Hi, The box is fixed but the contact info inside it is out of line. It does not have proper paragraph structure. Please see screenshot attached.

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#645285

<em>@rachyim 485093 wrote:</em><blockquote>Hi, The box is fixed but the contact info inside it is out of line. It does not have proper paragraph structure. Please see screenshot attached.
</blockquote>

How would you like it to look/display?

You can play around with the pixel value for the “width” property – to see how things display differently.

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#743908

<em>@rachyim 485093 wrote:</em><blockquote>Hi, The box is fixed but the contact info inside it is out of line. It does not have proper paragraph structure. Please see screenshot attached.
</blockquote>

How would you like it to look/display?

You can play around with the pixel value for the “width” property – to see how things display differently.

[Author]

Posts