Hi
I use the code and worked. But there is 2 new problem on RTL.
As you see in the picture, the setting icon on profile page is center with a big shadow on RTL.
Hi, Ahmad.
Thank you for using JomSocial :)
1. Add this code:
.joms-focus__button--options--desktop > a .joms-icon {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2);
border-radius: 100%;
height: 30px;
padding: 5px;
width: 30px;
}
.joms-focus__button--options--desktop > a {
background: none !important;
border-radius: 0 !important;
}
.joms-form__group.has-privacy .joms-button--privacy {
left: 0;
margin-top: 0;
padding: 8.65248px;
position: absolute;
top: 0;
right: inherit;
}
Hi Michal
Thank you so much for the solution, it solved.
But I found a new problem on RTL.
Some Icons like picture our recycle are right side exactly on the text. But in LTR those are the other side as you see in the picture.
How can I fix that.
Hi, Ahmad.
Reported those issues to template developer. Soon we should have fix for them.
As for issue no. 4 - I need access to your site backend but I can't bypass extra protection layer.
Hi, Ahmad.
Please, add this:
.joms-textarea__wrapper textarea.joms-textarea {
padding-left: 25px;
padding-right: 0;
}
.joms-icon--add {
right: auto;
left: 24px;
}
.joms-media__remove {
left: 0;
right: auto;
}
Hi, Ahmad.
Please, add this:
.joms-textarea__wrapper textarea.joms-textarea {
padding-left: 25px;
padding-right: 0;
}
.joms-icon--add {
right: auto;
left: 24px;
}
.joms-media__remove {
left: 0;
right: auto;
}
Dera Michal
Thank you so much for this codes. It works, But in Mobil version as you see in the picture, the Icons are on the send option and there is no any margin from right side for text in the text box.
Hi, Ahmad.
Edit this file:
ROOT/components/com_community/templates/jomsocial/assets/css/style.rtl.css line 1412
.joms-toolbar--desktop .joms-popover {
right: -380px;
top: 102%;
width: 440px;
}
.joms-icon--add {
right: auto;
left: 24px;
}
@media only screen and (min-width:320px) {
.joms-icon--add {
right: auto;
left: 70px;
}
}
@media only screen and (min-width: 1024px) {
.joms-icon--add {
right: auto;
left: 24px;
}
}
Hi, Ahmand.
Please, edit your first post and add credentials fro backend extra protection. I'd like to check it myself.
Hi, Ahmad.
My code works. But you didn't follow my instructions this time.
1. I asked you to edit:
ROOT/components/com_community/templates/jomsocial/assets/css/style.rtl.css line 1412
and in line 1412 replace right: -380px; with left: -380px;
You didn't replaced it and just copied (wrong) code to custom.css
2. There was my mistake should be other way round - I fixed my code above.
Now both issues are fixed.