Incorrect input box height using Arrow Theme Legend Template
By Dave Parker on Wednesday, 05 February 2014
Posted in Technical Issues
Replies 7
Likes 0
Views 0.9K
Votes 0
Hi Guys.
I've recently started using a new template from Arrow themes. It didn't work to start, so Joel has recoded it to respect EasySocial and EasyDiscuss. Unfortunately though, the EasyBlog side of things isn't able to be changed by his template he says. He said the following in a post:
I've inspected the page and it seems to be an issue with easyblog css styling where it specifies a height for the ezblog input boxes. If you notice all the other input boxes in easysocial look fine except for the blog app. You can override that by adding this to custom.css

How do I go about changing this for all the input boxes on the site. If you log in to the site and write a new blog, you'll see what I mean.
Thanks
Dave
Hello Dave,

Sorry again for this delayed respond, below is the fix for your input size and select alignment issue.
In order to fix this, just add this code to your Joomla template CSS file as below:
/templates/legend_j25/warp/css/layout.css
#eblog-wrapper .dtpicker-wrap input, 

#eblog-wrapper .dtpicker-wrap select

{

box-sizing: content-box !important;

-moz-box-sizing: content-box !important;

-webkit-box-sizing: content-box !important;

vertical-align: top;

}

Hope this will help, please let me know if you need further assistance.

Thank you and have a good day
Ikram Hakimi
·
Friday, 07 February 2014 15:13
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Dave,

I am so sorry for this delayed reply.

From my inspection, the input styling is conflicted with your theme box-sizing styling.
In order to fix this, just add this code to your Joomla template CSS file as below:
/templates/legend_j25/warp/css/layout.css

Place this code at the bottom of your source code for your future reference:
#ezblog-dashboard .input, 

#ezblog-dashboard .inputbox

{

box-sizing: content-box !important;

-moz-box-sizing: content-box !important;

-webkit-box-sizing: content-box !important;

}


Hope this will help, please let us know if you need further assistance regarding on this issue.

Thank you and have a good day,
Ikram Hakimi
·
Wednesday, 05 February 2014 18:25
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Ikram.
Thanks for that. Seems to have worked for a majority of the fields - however, the date picker fields are still small (see attached).
What do I need to add to the styling to get them to be the correct height?
Thanks
Dave
Dave Parker
·
Wednesday, 05 February 2014 19:20
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Ikram.
Was wondering if you'd had chance to review the request above?!
Thanks
Dave
Dave Parker
·
Friday, 07 February 2014 02:46
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Dave, I am so sorry for this delayed reply. I'm checking on this right now. Hold on sir.
Ikram Hakimi
·
Friday, 07 February 2014 11:55
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Ikram.
That works perfectly...
Thanks so much
Dave
Dave Parker
·
Friday, 07 February 2014 16:24
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Dave,

You are most welcome. Glad that your issue is solved.

Thanks!
Adelene
·
Friday, 07 February 2014 18:41
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post