[shinykins]

I have removed the social buttons on my contact page

http://flashcreative.shinyleung.com/#/contact

but it seems that the Drop Me A Line box covers up the position of the pin on the map which isn’t ideal. Can you tell me how to drop down this box so that it doesn’t obscure the positioning of the pin.

Also, in your demo version, the text and forms are all in white. Why doesn’t it show up as white here?

My code is:

[section_title aign=”center” text=”Reach Me”]
[row]
[column width="3" width_xs="6"]
[fun_fact]

<span style=”color: #ffffff;”>[icon name=”pe-7s-map-marker”]</span>
<h4><span style=”color: #ffffff;”>based in Hong Kong</span></h4>
[/fun_fact]
[/column]
[column width="3" width_xs="6"]
[fun_fact]

<span style=”color: #ffffff;”>[icon name=”pe-7s-call”]</span>
<h4><span style=”color: #ffffff;”>Tel : +852
9740 5878</span></h4>
[/fun_fact]
[/column]
[column width="3" width_xs="6"]
[fun_fact]

<span style=”color: #ffffff;”>[icon name=”pe-7s-mail”]</span>
<h4><span style=”color: #ffffff;”>paul [AT] flashcreative.
com.hk</span></h4>
[/fun_fact]
[/column]
[column width="3" width_xs="6"]
[fun_fact]

<span style=”color: #ffffff;”>[icon name=”pe-7s-check”]</span>
<h4><span style=”color: #ffffff;”>Available to work in-house</span></h4>
[/fun_fact]
[/column]
[/row]

<span style=”color: #ffffff;”>[section_title align=”center” text=”Drop Me A Line”]</span>
<span style=”color: #ffffff;”> [contact_form to="paul@flashcreative.com.hk" subject="Contact form message from Empathy"]</span>
<span style=”color: #ffffff;”> [map latitude=”22.282787″ longitude=”114.154710″ zoom=”7″ image=”http://flashcreative.shinyleung.com/wp-content/uploads/2016/10/PG_avatar_pin-06.png”%5D</span&gt;

[serkan]

Hi,
You can try to use these custom css codes;

@media screen and (min-width: 1400px) { .section-title { margin: 11.4em 0 2.4em; } }
@media screen and (min-width: 992px) { .section-title { margin: 12em 0 2em; } }

Thanks

[shinykins]

Thanks that seemed to have worked. But the form and title are still not in white. The CSS doesn’t seem to overwrite it.

[serkan]

Hi, First of all, please go to appearance > customize > empathy page color > activate 5. Page Light Text
If you still have the issue, you can use these custom css codes;

label, input[type=submit], textarea, input:not([type=submit]):not([type=button]):not([type=file]):not([type=radio]):not([type=checkbox]) { color: #fff; }
input:not([type=submit]):not([type=button]):not([type=file]):not([type=radio]):not([type=checkbox]), .contact-form textarea, input[type=submit] { border: 2px solid #fff; }

Thanks

[shinykins]

Ok great. The lighter text worked out but now, I noticed the css that you asked me to put in has now affected the distance between the sections as well and made the gap between the sections much wider on the About me page:

http://flashcreative.shinyleung.com/#/about-me

[serkan]

We can modify the code for specific page for contact.

@media screen and (min-width: 1400px) { #contact .section-title { margin: 11.4em 0 2.4em; } }
@media screen and (min-width: 992px) { #contact .section-title { margin: 12em 0 2em; } }

Thanks

[shinykins]

Thank you! That worked.

[serkan]

You’re welcome, please don’t forget to rate the theme on themeforest if you liked it, thanks.