Field width email / name in fontend module

pldesign

Hello Forum

I have installed AcyMailing 5 on Joomla. Everything works fine so far, but I have a problem with the view.

I can't manage to set the view in the frontend module so that the e-mail field is displayed over the whole width.

In the module I have made the following settings:
Display effect: No effect
Display mode: Horizontal
Size: 100% of
Text mode: Inside

I have already tried various things via CSS, unfortunately without success.

I would be very grateful for your help :-)

jvstratum

Hi,

Can you share a link of the page with the problem?

pldesign

This page is still under construction.
The link is http://web.pl-design.ch/schuepbach-holzbau.ch/

jvstratum

Hi,

In your css you have #module-90#1-2-0-0 {width: 0px;}. Set it to 100%. Then add {width: 100%;} to table.acymailing_form in your module_custum1.css.

You also might want to set the width of the subscription button to 100%.

pldesign

Thanks for your quick response.
"# module-90 # 1-2-0-0 {width: 0px;}" <-- I can't find it anywhere. Can I find this in module_custum1.css?

jvstratum

Hi,

It probably comes from your template.

pldesign

All right, thanks for the help.

In my template I can define a separate CSS for each module.

How about the CSS command to define the width?

jvstratum

Hi,

I noticed you made some changes. The row is now split in two columns, 1/3 and 2/3 with your subscription form in the 2/3 one.

When you add add {width: 100%;} to table.acymailing_form in your module_custum1.css the subscription form takes the full width. Thoug the mail field and button are not set to 100%.

Also, check the settings of your subscription module. There you also can set a width.

pldesign

That is correct, I have still adjusted the columns.

I have now also added your command in the CSS. Unfortunately without success. Have I forgotten anything?!

jvstratum

Hi,

I don't see that code in your css. Can you try to delete your servcer cache?

pldesign

hi,
cache deleted 😀

pldesign

The code is now definitely visible.

jvstratum

Almost there.....

In your module_custom1.css you have:

.acymailing_module_form td {
    padding-bottom: 5px;
    vertical-align: top;

Add "width: 100%;" and you're done.

pldesign

I have now adapted the code, but it still does not work.

Adjustment in CSS:

Display in developer mode:

Display website:

jvstratum

Hi,

OK, your your subscription modukle is at 100% width now, but your fields are too small. I don't know what else you have changed, I can;t reproduce the solution I gave you.

Try to use higher specificity in your CSS style definitions. For example by adding a class suffix to your module and change your code to

.your_class_name .acymailing_module_form td

You can read more about class specifity here: https://dev.to/emmabostian/css-specificity-1kca

quangharvest

jvstratum

Dear JVSTRATUM

I want to change the email field height same size as the button height.
----------------------------->

Where in Joomla... root... etc. css could I change it?

Thank you so much for your time :-)
link:
Kind regard
hq

https://quangharvest.com/

jvstratum

quangharvest

Hi,

As you're trying to modify the module, you need to edit "Module CSS File" You can open it in the Acy configuration, then add your own CSS, for example:

.acymailing_module_form input {
padding: 20px;
}

Please, be so kind to start your own thread next time.

quangharvest

jvstratum
Hi, thank you so much for answer me
ooops I am new here. Sorry for that :-)

Great :-) .acymailing_module_form input {
padding: 20px;
}

For me is: 8px perfect.

Thanks again for your quick and 100% working support.

Kind regard
Q
😍

jvstratum

You're welcome, enjoy your Acymailing.