Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 6, 2014 at 5:52 pm #233289
    jgoldberg1983

    Hi guys,

    The text boxes on my Olark chat widget are all set much too tall compared to the way they are supposed to appear. I spoke to Olark support and they said that this is due to the following code in the theme CSS:

    #top textarea { 
min-height: 60px; 
line-height: 1.5em; 
}

    Is there a way to remove this rule just for Olark? Or if not can I remove globally without affecting anything, and how would I do this through custom css?

    Thank you!

    Best,
    Jonathan

    March 7, 2014 at 4:23 pm #233791
    Ismael

    Hi Jonathan!

    You can just add the code on Quick CSS or custom.css:

    #top textarea { 
min-height: 30px; 
line-height: .5em; 
}

    Please give us a link to the page with the plugin. A screenshot of the issue will help.

    Cheers!
    Ismael

    March 7, 2014 at 5:21 pm #233854
    jgoldberg1983

    Thanks Ismael, and what would happen if we just cancel out this rule all together so the default olark settings kick in? Will this impact any part of the theme negatively?

    Ideally, we’d just remove the impact of this on the Olark widget.

    March 7, 2014 at 5:21 pm #233855
    jgoldberg1983
    This reply has been marked as private.
    March 7, 2014 at 11:15 pm #234022
    Josue

    Hey!

    You can modify the code Ismael provided to apply the change only to the chat container:

    .hbl_region textarea { 
min-height: 30px; 
line-height: .5em; 
}

    Best regards,
    Josue

    March 8, 2014 at 12:08 am #234039
    jgoldberg1983

    Perfect, thanks so much!

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Olark Widget Text Boxes’ is closed to new replies.