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

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
  • New
  • 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
    Set number of hotspots / user groups
    Hi, I'm working with Hotspots for my new website and I love it! After trying ...
    0 Replies
    Posted on Monday, 31 March 2025
    J5 compatibility for Hotspots
    Hi guys, Just started to update my old J3x website. Is there J5 compatibility p...
    1 Replies
    Posted on Monday, 24 February 2025
    • #Hotspots
    • #hotspots Joomla 5
    Text size in the comment input form
    Hello. How can I increase the font size in the comment input field? For examp...
    0 Replies
    Posted on Wednesday, 26 February 2025
    • #CComment 6