Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
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
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; }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.
Let’s try adding the following:
#commentform label { width: 10%; } #subscribe-reloaded { margin-right: 72px; } #commentform p.form-submit { margin-right: 72px; }