- This topic has 8 replies, 3 voices, and was last updated 3 years, 6 months ago by Skandha.
-
AuthorPosts
-
April 28, 2020 at 1:32 am #244441MarcinParticipant
Hello,
On my site I am trying to use Contact element but I don’t want to provide my phone contact – only email and address.
The issue is that in this case widget is not centered on the page but left-aligned what does not look good…
I checked result html and the problem is that you are not changing layout class related to number of displayed elements but use layout-three class by default (hovewer you properly recognize number of contact details):<div class=”contact-info-details contact-information”>
<div class=”contact-details layout-three“><div class=”contact-email”>
<span class=”contact-details-icon-wrapper”>
<svg class=”icon icon-email” aria-hidden=”true” role=”img”>
<use href=”#icon-email” xlink:href=”#icon-email”></use>
</svg>
</span>
<span>[email protected]</span>
</div><div class=”contact-address”>
<span class=”contact-details-icon-wrapper”>
<svg class=”icon icon-location” aria-hidden=”true” role=”img”>
<use href=”#icon-location” xlink:href=”#icon-location”></use>
</svg>
</span>
<span>Kraków, Poland</span>
</div></div>
</div>If we have two elements for display, layout should change to layout-two in my opinion (what in fact makes widged centered).
Is current behavior intended or it is rather a bug ? Is any method to make it working as I am expecting ?
Regards,
MarcinApril 28, 2020 at 2:21 am #244499SkandhaParticipant@marcin: Hello Marcin,
Please post in your site URL so that I can look into the issue.Kind Regards,
SkandhaApril 28, 2020 at 3:54 pm #244656MarcinParticipantApril 28, 2020 at 4:16 pm #244660MarcinParticipantApril 29, 2020 at 12:53 am #244709SkandhaParticipant@marcin: Hello Marcin,
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.@media screen and (min-width: 40em) { .contact-details.layout-three > div { width: 50%; } }
Let me know if this works out!
Kind Regards,
SkandhaOctober 17, 2020 at 5:38 pm #262937mcalkiewParticipantWhat if I have would like to publish only email? How to align it to center?
October 19, 2020 at 3:12 am #263065SkandhaParticipant@mcalkiew: Hello there,
Can you please elaborate the issue you are having?Kind Regards,
SkandhaOctober 19, 2020 at 3:29 am #263069mcalkiewParticipantI found solution. Thank you
October 19, 2020 at 4:04 am #263075 -
AuthorPosts
- The topic ‘Contact form/element’ is closed to new replies.