By Eric Darling on Saturday, 25 October 2014
Posted in Technical Issues
Replies 10
Likes 0
Views 780
Votes 0
Hello, I am configuring an EasyBlog installation, using the "simple" theme. Checkboxes and their labels under the comments on the front end are mis-aligned. It's not really a "bug" per se, but it is something that should be fixed in the code:

<div class="form-row mtm mbm fsm">
<input id="tnc" class="inputbox easyblog-checkbox" type="checkbox" value="y" name="tnc">
<label for="tnc">
</div>
<div id="subscription-box" class="subscription-box fsm">
<div id="subscription-message" class="subscription-message">
<div class="clearfix mtm mbm">
<input id="subscribe-to-blog" class="inputbox easyblog-checkbox" type="checkbox" checked="checked" value="yes" name="subscribe-to-blog">
<label for="subscribe-to-blog">Subscribe to this entry (Please fill in your email address to subscribe to blog updates.) </label>
</div>
</div>
</div>


Note that the second checkbox is properly placing the label text aligned to the right of its checkbox, whereas the checkbox above it has its label appearing on a new line underneath. It should be one motif or the other, but not both appearing on the same page!
hello Eric Darling,

I am really sorry for the delay of this reply as it is a weekend for us here.
Do you referring on this part? Check my screenshot below.
If yes, can you try apply this css code in your template css file and see how it goes?

#eblog-wrapper #comment-form .form-row label {
display : -webkit-inline-box;
}

If no, can you provide us some screenshot which are you referring to? Please advise.
·
Saturday, 25 October 2014 11:57
·
0 Likes
·
0 Votes
·
0 Comments
·
That didn't work, but it did get me started on thinking a way around the problem. I came up with the following code instead:
.form-row label {float: left;}
.form-row {clear: both;}
#esregister {float: left; clear: both;}
#tnc {float: left; clear: both;}
#subscription-box {clear: both;}
·
Saturday, 25 October 2014 13:01
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Eric Darling,

Do you mean that after you added this code you provided at above, then it work fine now right?

Can i have your Joomla backend and FTP access so we can help you check on this?

because I provided that code is work fine in my locally.
·
Saturday, 25 October 2014 13:14
·
0 Likes
·
0 Votes
·
0 Comments
·
Yes. My code worked, but yours did not.
The front page development URL for the site is: http://208.43.71.73/blog

I'll send you login credentials for the admin area shortly. How do I do that?
·
Monday, 27 October 2014 23:32
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Eric,

You may include your site access under the "Site Details" tab below
·
Monday, 27 October 2014 23:52
·
0 Likes
·
0 Votes
·
0 Comments
·
I have entered the information now.
·
Tuesday, 28 October 2014 04:23
·
0 Likes
·
0 Votes
·
0 Comments
·
Quick revision - use the new information.
·
Tuesday, 28 October 2014 04:26
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Eric,

I've checked your site and seems like the checkbox is aligned properly here: http://screencast.com/t/w2GlbIyFrlRP . Did I missed anything? Please advise.
·
Tuesday, 28 October 2014 10:27
·
0 Likes
·
0 Votes
·
0 Comments
·
Um, yes. I was asked to send a login by Arlex above after claiming that his code didn't work, but mine did. So, my problem is fixed. I think he wanted to see why his code didn't work.
·
Tuesday, 28 October 2014 10:35
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Eric,

Ohh, I see. So, I'll assume your issue has solved then.
·
Tuesday, 28 October 2014 11:15
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post