Adding author in Arabic language to the post

Support
#1

hi,

I would like to add add the author to the post beside the date.
How to right align?

#2

Hi There,

Thanks for writing in! Could you please try using our shortcode (http://demo.theme.co/integrity-1/shortcodes/author/) and then add the following CSS rule into your Theme Options > Global CSS area.

.x-author-box.cf {
    float: right;
}

With regard to translation, please follow our guide here (https://theme.co/apex/forum/t/setup-translation/61). You can also locate cornerstone.pot file located under (wp-content/plugins/cornerstone/lang).

Hope that helps.

1 Like
#3

Hi,

I would like to post the author name beside the date in the meta as in the screenshot.
Where to put the code

#4

Hi Tarek!

I’ve checked your website and I can see you have this CSS code added:

.p-meta>span,.p-meta>span:after{display:none;text-align:right;color:grey;font-size:12px;}.p-meta>span:nth-child(2){display:block}

Since you have Autoptimize plugin activated I couldn’t locate the exact location of this CSS code, but most probably this has been added to (Pro > Theme Options > CSS).

This code simply hides the author and category meta data underneath the post title, so first you will need to remove this code. Then simply add this CSS code to align these meta data to the right:

.p-meta {
    direction: rtl;
}

Thanks.

1 Like
#5

I deleted the previous code.
I added the new code but it is not aligning RTL.
Also plz i would like to show instead of the username on the post my first name and family name.

Thx

#6

Hello There,

You can change the Author display name in Users > Your Profile > Name and find the “Display name publicly as” option. Every time you change your First Name, Last Name and Nickname, the select will also change.

Hope this helps.

1 Like
#7

thx. It works.

But i am not able to align right.

#8

Hello @tarekr,

Thanks for updating thread. :slight_smile:

Please try out following code under Pro > Theme Options > CSS:

.p-meta {
    direction: rtl !important;
}

You also have the option to use this code too:

.p-meta {
    float: right !important;
}

.entry-featured {
    clear: both !important;
}

Let us know how it goes.

Thanks.

#9

Both not working. Is it because the display is inline-block?

#10

Hello @tarekr,

Thanks for updating thread. :slight_smile:

Have you tried clearing the cache as both the codes seems to be working fine on my end? Please see screencast https://cl.ly/2p1q3s1B1I1i

Thanks.

1 Like
#11

I cleared now. It is not working. I have another problem of appearance::
the meta is appearing with different font size on other posts. please check this post:
https://tarekrabaa.com/stances/سعد-الحريري-يسجّل-موقفا-وثائق-الاتصال/ compared to other posts.

Also this post is missing the x-btn widget bar on top-right.
Every category i am using is displaying different font size for the meta
I tried many times.

#12

Hello There,

Kindly disable your Autoptimize and other caching plugins first so that we can make sure that we can address the issue without the caching issues making it hard to check the changes immediately.

Thank you.

1 Like
#13

thx.

It works

#14

You’re welcome!
Thanks for letting us know that it has worked for you.

1 Like
#15

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.