RTL blogs

mskf1383 · August 30, 2021, 5:51am

There is no problem in post view page but in blog homepage post titles shown LTR.

It can fix with an option to make the blog completely RTL.
Thanks!

ssmns · August 24, 2025, 12:38am

you can add more CSS to fixed this. However I used CSS bellow :

@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@100..900&display=swap');

html, body , p, .post-title , h1,h2,h3,h4,h5,textarea  {
    font-family: 'Vazirmatn'  , sans-serif;
}

pre {
    text-align:left;
    direction: ltr;
}

.e-content {
    text-align:justify;
}

article p {
        text-align:justify;
}

header {
  direction: ltr;
  text-align: left;
}

.post-title {
  direction: rtl;
  text-align: right;
  font-weight: 900;
}

time {
     font-family: 'Vazirmatn'  , sans-serif;
      text-align: left;
      font-weight: 100;      
}

p:has(img) {
    text-align: center;
}

p img {
    width: 100%;
    height: auto; 
    object-fit: contain;
    border-radius:1rem;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;
}

.user {
  border: 1px black solid;
  border-radius: 3px;
  padding: 3px;
  text-transform: capitalize;
  text-decoration: none;
  background-color: antiquewhite;
}