Field width email / name in fontend module

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.