1. Andrew Carleton
  2. CMC - Mailchimp for Joomla!
  3. Monday, 04 May 2015
  4.  Subscribe via email
Hi,
How can I increase the field height in the newsletter signup boxes.
If you look at http://www.bcswebdesign.co.uk/apr15 you will see the page that I need to increase the field height on.
Thanks,
Andrew
Attachments (1)
Responses (3)
Daniel Dimitrov
Support team
Accepted Answer Pending Moderation
Please if you use our extensions be so kind and review them at JED
Matukio | Hotspots Pro | CComment Pro
  1. more than a month ago
  2. CMC - Mailchimp for Joomla!
  3. # 1
Accepted Answer Pending Moderation
Hi,
Thank you, I have looked everywhere, in administrator, components, modules, etc. and made changes to most things that have a line height of 18px.
According to firebug I am looking for input#jform_cmc_groups_EMAIL.inputbox.input-medium.cmc_req.validate-email.required.invalid 150pxX18
I can find a few that refer to input width 150px but not with a height of 18px.
Sorry, can you help me find the specific file that needs changed?
Thanks, Andrew
  1. more than a month ago
  2. CMC - Mailchimp for Joomla!
  3. # 2
Daniel Dimitrov
Support team
Accepted Answer Pending Moderation
Hey Andrew,
You don't make the change in the file where the code is written. If you do the change there, the next time you update you will lose it.
Normally most templates have a custom.css file - this is where you should place your css.
in this specific case notice that the height is set in boostrap-form.css on line 26:

.cmc-signup select, .cmc-signup textarea, .cmc-signup input[type="text"], .cmc-signup input[type="password"], .cmc-signup input[type="datetime"], .cmc-signup input[type="datetime-local"], .cmc-signup input[type="date"], .cmc-signup input[type="month"], .cmc-signup input[type="time"], .cmc-signup input[type="week"], .cmc-signup input[type="number"], .cmc-signup input[type="email"], .cmc-signup input[type="url"], .cmc-signup input[type="search"], .cmc-signup input[type="tel"], .cmc-signup input[type="color"], .cmc-signup .uneditable-input {
border-radius: 3px;
color: #555;
display: inline-block;
font-size: 13px;
height: 18px;
line-height: 18px;
margin-bottom: 9px;
padding: 4px 6px;
vertical-align: middle;
}


in your custom.css file you have several options to change this. Either by using


.cmc-signup input {
height: 20px !important;
}


Note the use of !important. We have to use this as the .cmc-signup input is not that specific as .cmc-signup input[type...]

Regards,
Daniel

Or you could directly style the element using it's id:
#jform_cmc_groups_EMAIL {
height: 20px;
}
Please if you use our extensions be so kind and review them at JED
Matukio | Hotspots Pro | CComment Pro
  1. more than a month ago
  2. CMC - Mailchimp for Joomla!
  3. # 3
  • Page :
  • 1


There are no replies made for this post yet.
However, you are not allowed to reply to this post.

Last questions

Trying to resize the image in the comments
Hey everyone, Basically I am trying to make the images in the comments smalle...
9 Replies
Posted on Wednesday, 12 August 2009
J5 compatibility for Hotspots
Hi guys, Just started to update my old J3x website. Is there J5 compatibility p...
2 Replies
Posted on Monday, 24 February 2025
  • #Hotspots
  • #hotspots Joomla 5
error message when adding/cofiguring email address
When configuring the email plugin that send a email message to admin when a new ...
0 Replies
Posted on Friday, 09 May 2025
CMigrator: Path from Drupal 6 to J5?
(Category s/b CMigrator, but didn't see it on the list) I'm interested in usi...
0 Replies
Posted on Monday, 28 April 2025
Dowload all Hotspots entries
Hi there, I'm looking for a way to dowload all the Hotspots entries. I've got t...
0 Replies
Posted on Sunday, 06 April 2025
  • #kml
  • #download