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

_MATUKIO_NO_EVENTS appears in the frontend if no e
Hello, there ist still the problem, that on the frontpage appears COM_MATUKIO...
1 Replies
Posted on Sunday, 12 May 2024
  • New
  • Complete Uninstall to Work in J4??
    We have recently updated a site from Joomlav3 to v4 (4.4.2). Now when we go to m...
    7 Replies
    Posted on Tuesday, 30 April 2024
    Info about CMigrator for Joomla
    Hi i need to import a few thousand articles from a site made in wordprres to a ...
    0 Replies
    Posted on Tuesday, 07 May 2024
  • New
    • #CMigator
    Error on android phone
    Why its working good on Computer and if i try it with smartphones the map dosent...
    0 Replies
    Posted on Tuesday, 07 May 2024
  • New
  • Bug with front-end submission and table not having
    Hi, i think i found a problem. When trying to edit a hotspot from front-end ...
    3 Replies
    Posted on Wednesday, 15 March 2023