This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Customizing comment form

Open 3 replies premiumthemetheme-vantage
Hosein Naseri
10 years ago · Last reply by Andrew Misplon 10 years ago

Hi,
First of all I really want to thank you for your fantastic theme. I had so much trouble with my previous theme but now everything works like a charm.
However I have a little problem with customizing the comment form layout. As it can be seen in this picture http://grab.by/LsAg , I have a right to left language on my blog. however the comment form is still left to right. I want all the texts and the submit comment button to be aligned in right.
what should I do?

URL: http://effeng.ir

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

3
  1. Andrew Misplon Staff 10 years, 4 months ago

    Hi Hosein

    Thanks for reaching out. Glad to hear you’ve been enjoying Vantage. Please, try the following at Appearance > Custom CSS:

    /* Comments */
#comments-title [class^="fa fa-"],
#reply-title [class^="fa fa-"] {
  margin-left: 4px;
}
#comments .commentlist .children {
  margin-right: 75px;
}
#comments .commentlist article .avatar {
  float: right;
}
#comments .commentlist article .comment-author,
#comments .commentlist article .awaiting-moderation,
#comments .commentlist article .comment-meta,
#comments .commentlist article .comment-content {
  margin-right: 75px;
}
#comments .commentlist article .comment-meta .support {
  margin-right: 15px;
}
#commentform label {
  float: right;
}
#commentform input,
#commentform textarea {
  float: right;
}
#commentform .logged-in-as {
  text-align: left;
}
  2. Hosein Naseri 10 years, 4 months ago

    Thank you very much Andrew.
    With this CSS I still have a minor problem which can be seen in this picture : grab.by/LtO0
    I want the space between text boxes and labels to be removed.

    Also I have a little minor problem with siteorigin feature widgent. When I for example make 4 features in a row, The first one appears in the left side. I want them to be listed from right to left.

  3. Andrew Misplon Staff 10 years, 4 months ago

    Let’s try adding the following:

    #commentform label {
    width: 10%;
}
#subscribe-reloaded {
	margin-right: 72px;
}
#commentform p.form-submit {
	margin-right: 72px;
}

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread