Tagged: andy
-
AuthorPosts
-
April 8, 2016 at 11:44 am #610178
Hi,
How can I align the “Nesletter” text with the mailchimp subscribe form?
It’s like this: http://prntscr.com/apmbfu
Should be like this: http://prntscr.com/apmba3
Thank you!
April 9, 2016 at 6:35 am #610496Hey atainha,
It should work if you wrap the items in a span like so:
<span>Subscrever newsletter</span> <span>Your form</span>
Thanks,
RikardApril 11, 2016 at 1:42 pm #611241Hi Rikard,
Thanks for your answer – did not work…
It’s like this now:
<span>Subscrever newsletter</span> <span>[av_mailchimp list='XXXXXXXXX' double_opt_in='aviaTBdouble_opt_in' on_send='' sent='Obrigado por subscrever a nossa newsletter!' link='manually,http://' color='' hide_labels='aviaTBhide_labels' custom_class=''] [av_mailchimp_field id='0' type='text' check='is_email' options='' label='O seu email' width='element_half' disabled=''] [av_mailchimp_field id='av-button' type='button' check='' options='' label='ENVIAR' width='element_half' disabled=''] [/av_mailchimp]</span>
It’s on a widget – maybe why it’s not working?
Any other solution?Thank you, Afonso
April 12, 2016 at 5:07 pm #612027Hey!
try with css code instead. Use this inside of Quick CSS field:
.textwidget { display: flex; } #top form { margin-left: 10px; margin-top: -18px; } .textwidget span { top: 10px; position: relative; }
and adjust as needed.
Regards,
AndyApril 13, 2016 at 4:58 pm #612945Hi Andy,
That solved – thank you.
But, with that, the text on the 2nd widget lost his left alignment.
Is there any way to correct it?Thank you, Afonso
April 13, 2016 at 6:56 pm #613102Hi!
try this code instead:
section#text-2 .textwidget { display: flex; } section#text-2 form { margin-left: 10px; margin-top: -18px; } section#text-2 .textwidget span { top: 10px; position: relative; }
Cheers!
AndyApril 14, 2016 at 3:58 pm #614039Hi Andy,
Still not aligned to the right. :-(
Any more ideas?Thanks! Afonso
April 18, 2016 at 6:29 am #616061Hi!
Edit the widget, remove the inline styling:
<p style="text-align:right!important;"><a href="http://www.behindthescenes.pt/equipa/">EQUIPA</a> <a href="https://www.instagram.com/behindthescenes.pt/" target="_blank">INSTAGRAM</a> <a href="https://www.facebook.com/behindthescenes.pt" target="_blank">FACEBOOK</a></p>
Remove this part:
style="text-align:right!important;"
… or set it from “right” to “left”.
Best regards,
IsmaelApril 20, 2016 at 12:19 pm #618231Hi,
Removed inline styling but no luck.
Included admin access bellow if you want to give a look.Thank you! Afonso
April 20, 2016 at 12:56 pm #618262Hey!
how do you want it to look like exactly? what does aligning right mean to you? can you show us a mockup showing the results you want to achieve please? use imgur.com or dropbox.
Best regards,
AndyApril 20, 2016 at 3:58 pm #618419Private message
April 22, 2016 at 10:00 am #619680Hey!
so you want to move your “EQUIPA, INSTAGRAM, FACEBOOK” more to the right? if yes use this code:
section#text-3 { right: -80px; }
and adjust as needed.
Cheers!
Andy -
AuthorPosts
- You must be logged in to reply to this topic.