The line not align right and gap between map and Subheader

Soweic

I tried putting this in the contact page

<div align="right"><big>We reply on all questions within</big>

<span class="themecolor" style="font-size: 65px; line-height: 65px; display: block; text-align: right; margin-bottom: 15px; font-family: Patua One, serif;">24 h</span>

[hr height="15" style="dots" line="default" themecolor="1"]

<p style="margin-bottom: 0; text-align: right;"><span style="color: #9C9C9C;">We offer live support for our customers</span><br /><b><i class="icon-clock"></i> Mon - Fri 8:00am - 6:00pm [tooltip hint="we are located in Asia"](GMT +7)[/tooltip]</b></p></div>

though all in <div> align right correctly, but the dot is still left.

Albert

Please send us url to page where you did it and we`ll have a look.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Soweic

msg sent.

Thank you.

Soweic

Plz, see here: http://soweic.com/contact-us/

Albert

Ok but which line is not aligned right? As we see on this page, all looks fine. We don`t see anything wrong except map which is not sticky to subheader? Is that what you mean or what?

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Soweic

Yes, that is one thing which I also appreciate how to fix that blank white space between subheader and map.

And one more thing is the dot line '...' under the '24h', it is not align right.

One last think, don't you think the overlay panel for address shown over the map is a bit confusing as it is not pointing to the right spot, the real spot is normally in the center and the overlay panel seem to stay far to the right? Is there a way to get it right to the spot?

Albert

So to remove space between subheader and map, please use below css (this will work in this case only because of page id):

.page-id-28 #Content { padding-top: 0; }

But for the line, please use below css:

.page-id-28 .hr_dots { text-align: right; }

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Soweic

Great. the hr.dot works, but the padding not working.

Albert

Padding must work because we tested it on your website. Please try with !important declaration:

.page-id-28 #Content { padding-top: 0 !important; }

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Soweic

!Important declaration does the trick!!!

Thank you so much.