How can i get the @ ( Graphic icons ) aligned in the Contact Forms 2 in Renew?

[JussiTuukkanen]

Great day to you,

Can you help me get the Graphic( icon )s aligned on the Contact Forms right next to the email that is to the right and the phone number?

The @ sign and the “phone logo” symbol should be aligned

Contact

I had an issue where the @ sign was overlaying the email address, and the only way to fix it ( that i found ) was to set the:

Graphic icon border > Outset
( from none )
and
width to 25px
( max )

And i would like to find a way to have padding between the @ sign and the email without ( the @ sign overlaying the text and without ) setting the Graphic icon border

And to have the @ sign and the “phone symbol” aligned

Be blessed,

J

[christian]

Hey J,

I’m sorry but I’m not sure what you’re trying to align. Are you trying to vertically align the @ sign and the email text?

If so, increase the Line Height of the Primary Text to 2.

If that is not what you mean, please clarify and provide screenshots.

Thanks.

[JussiTuukkanen]

Thank you christian, but i am talking about the other @ sign, the one to the right of that one

It should be aligned with the ‘phone’ logo

Unless i use the method described above it will overlay the email address, and i’d like to set the padding without using the Outset ( parameter )

[ruenel]

Hello Jussi,

Thanks for for the clarifications. I have taken some time to inspect your page, As it turns out, you are using a headline element to display the email and the phone number. They do not have the same styling. Click on the headline element with the phone number and copy the style. You will have to apply the same styling to the emaill address so that they will be aligned to each other.

If this is NOT helping, provide us access to your site so that we can check your settings. Please create a secure note with the following info:
– Link to your site
– WP login URL
– WP username
– WP password
– WP Administrator Role
​
To know how to create a secure note, please check this out: How The Forum Works

Regards.

[JussiTuukkanen]

Thank you very much

[prakash_s]

Hello @JussiTuukkanen

Glad that we are able to help you

Have a great day!
Thanks