Need help with Title alignment, Login issues, and other things

Hi,
I’m new with WordPress. I have some issues that need help. I’m using a language that is similar to Farsi. It’s right to left. The theme is left to right. I was able to figure it and made changes from CSS to make menu right to left, made body text right to left but I’m having the issue to make Post title and Post category name to align it the right side of the page.
The second issue that some words are changing to the symbol. In the editor, everything looks fine but whenever I post it, some of the words change to the symbol.

I have been trying many themes and plugin, now having an issue with login. The username and password fields are not visible. I can see Register and login buttons but there isn’t any text field.

I’m using the NewsPress Lite theme. I’m not able to change the social media icon, It’s mention that it just support some of those not all. Like I can’t get twitter and Facebook icon when I put their links there. Existing ones are dark. I want to change icons. Is there any way that I can upload social media images and link it with my social media pages? I tried my best couldn’t figure it out, so I install a plugin. Below are the Social media codes from Style.css.

#social{display:table;float:right;height:20px;margin-right:20px}
#social a{display:inline-block;position:relative;background:#000;border-radius:50px;margin-left:5px}
#social a::before{content:’\f408′;display:inline-block;padding:0 7px;font-family:’Genericons’;font-size:20px;vertical-align:top;-webkit-font-smoothing:antialiased}
#social a:hover:before{font-size:21px}
#social a[href*=”www.remarpro.com”]::before,#social a[href*=”wordpress.com”]::before{content:’\f205′;color:#09b6db}
#social a[href*=”dribbble.com”]::before{content:’\f201′;color:#ea4c89}
#social a[href*=”github.com”]::before{content:’\f200′;color:#555}
#social a[href*=”tumblr.com”]::before{content:’\f214′;color:#455afa}
#social a[href*=”youtube.com”]::before{content:’\f213′;color:#F90909}
#social a[href*=”flickr.com”]::before{content:’\f211′;color:#ff0084}
#social a[href*=”vimeo.com”]::before{content:’\f212′;color:#1AB7EA}
#social a[href*=”instagram.com”]::before{content:’\f215′;color:#05ace3}
#social a[href*=”codepen.io”]::before{content:’\f216′;color:#555}
#social a[href*=”linkedin.com”]::before{content:’\f208′;color:#05ace3}

Thanks for the help!

The page I need help with: [log in to see the link]