Custom Form title & input field do not line up

Question

I am using Sharepoint 2013 OP with SPD 2013.

I have created a custom form, then saved it as a webpart. I inserted the WebPart onto a blank page. When I open the page, the titles do not line up with the input fields. I have attached a photo as an example. Any idea how to fix this?

Answer 1

For XSLT based custom form, you have two options, choose as per your skills

1. Add CSS/Modify XSLT in dataform webpart itself. For this, open page in sharepoint desinger and edit in advance Mode. You should see these two fields. Add CSS to fix the alignment. Below links might help,

https://www.youtube.com/watch?v=1UqyOihqavE

https://www.youtube.com/watch?v=Bx1vwCBVo64

2. Add script editor on the page and target these Titles using CSS and fix its alignment

https://www.youtube.com/watch?v=s0YaOE8Byv4 (this shows how to add webpart and then you can add your CSS)