Notice

The forum is in read only mode.

Support Forum

Welcome! Support Forums have been reactivated

i need the style.rtl.css for js 4.2 please

10 years 2 months ago
Licenses:
JomSocial Expired iSEO Expired Socialize Expired

i need the style.rtl.css for js 4.2 please as u edited it for this user on this issue
www.jomsocial.com/forum/socialize-template/24301-rtl-problem

10 years 2 months ago
Licenses:

Hi.

Here it is.
But still you'll need to do those fixes in custom.css just like described in thread.

- Instead of saying: 'it's not working', explain the problem in detail.
- Screenshots with the URL visible in them and the problem marked are more than welcome.
- Tell us how to replicate the problem, we can't fix it if we can't find it.
- Make sure that your site/server meets JomSocial System Requirements
- Make sure to setup JomSocial Cron Job
- Always provide us with access details to the backend and ftp. We need it to debug problems.
- If you have a similar problem, but a solution you found isn't working, open a new thread instead of 'merging' with an existing one.

- Use the "Thank You" feature on any post that helped you

This message has an attachment file.
Please log in or register to see it.

10 years 2 months ago
Licenses:
JomSocial Expired iSEO Expired Socialize Expired

i uploaded the file u sent , still having some problems

cancel bottom supposed to be on left (screenshot1)

Attachment ll.JPG not found



remember me and check box overlapped , (screenshot2)
Remember me Forgot Username? Forgot Password? Resend activation code?
there's no space between them (screenshot2)

Attachment Capture2_2015-03-29.JPG not found



at members link from jomsocial bar: name in arabic rtl lnguage does not appear in one line (screenshot3)

Attachment b.JPG not found




and another problem with Tigrachat Module with socialize template
sd dhoen on the screenshot Tigrachat Module getting conflict with socialize template the new version ,the blue bar appeared after the jomsocial header navigation ,and the chat bar has some position issues

Attachment cc.JPG not found



here at every other page that don't use jomsocial like home i got this problem on the jomsocial bar

Attachment ccv.JPG not found



i attached my login data to administrator so u can check it out for me
i followed this topic :
www.jomsocial.com/forum/socialize-template/24301-rtl-problem
but didn't help

Attachments:
10 years 2 months ago
Licenses:
JomSocial Expired iSEO Expired Socialize Expired

do u get my replys ??

10 years 2 months ago
Licenses:

Hi.

You should open NEW thread as in current one you just asked for css file.
One thread = One issue (or in your case bunch of RTL issues).
Also don't bump your threads as we always start from OLDEST one.

1. Edit this file:
ROOT/components/com_community/templates/jomsocial/assets/css/style.rtl.css line 1586

.joms-postbox-tab .joms-postbox-action {
    bottom: 2px;
    padding: 0;
    position: absolute;
    right: 3px;
}

Change right: 3px; to left: 3px.

2. Yes, there is a space - take a closer look, it's visible even on your printscreen. prntscr.com/6n969l
As for remember me, edit the same file as above, line 147:
.joms-checkbox span {
    color: #7f8c8d;
    display: inline-block;
    font-size: small;
    margin-left: 22.6525px;
    margin-top: 5.34752px;
}

Replace from margin-left: 22.6525px; to margin-right: 22.6525px;

3. It's displaying fine for me: prntscr.com/6n94zv What browser do you use?

4. It's other way round, TigraChat is damaging template by using the same classes for buttons (default Bootstrap classes):

ROOT/chat/swoosh.php?loader=loadstyle line 44:
.btn {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #f5f5f5;
    background-image: linear-gradient(to bottom, #fff, #e6e6e6);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #a2a2a2;
    border-image: none;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #333;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0;
    padding: 4px 12px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
}

This: display: inline-block; cause button to appear. Just delete that line.

As for turn-off icon:

Add this;
.tigrachat_icons {
box-sizing: initial !important;
}

5. Fixed.

- Instead of saying: 'it's not working', explain the problem in detail.
- Screenshots with the URL visible in them and the problem marked are more than welcome.
- Tell us how to replicate the problem, we can't fix it if we can't find it.
- Make sure that your site/server meets JomSocial System Requirements
- Make sure to setup JomSocial Cron Job
- Always provide us with access details to the backend and ftp. We need it to debug problems.
- If you have a similar problem, but a solution you found isn't working, open a new thread instead of 'merging' with an existing one.

- Use the "Thank You" feature on any post that helped you
10 years 2 months ago
Licenses:
JomSocial Expired iSEO Expired Socialize Expired

number 4 : couldn't file this file ROOT/chat/swoosh.php?loader=loadstyle
or this codes :
.btn {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background-color: #f5f5f5;
background-image: linear-gradient(to bottom, #fff, #e6e6e6);
background-repeat: repeat-x;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #a2a2a2;
border-image: none;
border-radius: 4px;
border-style: solid;
border-width: 1px;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
color: #333;
cursor: pointer;
display: inline-block;
font-size: 14px;
line-height: 20px;
margin-bottom: 0;
padding: 4px 12px;
text-align: center;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
vertical-align: middle;
}


number 3 : at members name in arabic appears in two lines (useing chrome )

Attachment b_2015-03-30.JPG not found



karma and options icon are overlaped , username are centered

Attachment llk.JPG not found



when posting a text some of the icons disappear

Attachment Screenshot_2.png not found

Attachments:
10 years 2 months ago
Licenses:

Hi.

Previous 4: I don't know which file displays that code. But I'm 100% sure it comes from Chat. Please contact with your chat developers and ask them where that code resides. Or unzip chat package and perform text search in files.

1. I use Chrome 39.0.2171.65 and it's fine: prntscr.com/6nm4m4

2. ROOT/components/com_community/templates/jomsocial/assets/css/style.rtl.css line 3106:

.joms-focus__button--options--desktop {
    display: none;
    left: 14px;
    position: absolute;
    top: 14px;
}

to
.joms-focus__button--options--desktop {
    display: none;
    left: 44px !important;
    position: absolute;
    top: 14px;
}

ROOT/components/com_community/templates/jomsocial/assets/css/style.css line 3104:
.joms-focus__button--options--desktop {
    display: none;
    position: absolute;
    right: 14px;
    top: 14px;
}

Remove right: 14px;.
ROOT/components/com_community/templates/jomsocial/assets/css/style.rtl.css line line 2963
.joms-focus__title h2, .joms-focus__title h3 {
    color: white;
    margin-bottom: 5.34752px;
    margin-top: 0;
    text-align: right;
}

Change text-align: right; to text-align: right !important;.

Same file line 2987:
.joms-focus__actions__wrapper {
    text-align: left;
}

Change text-align: left; to text-align: left !important;

3. That is correct behavior. To fix Cancel button edit:

ROOT/components/com_community/templates/jomsocial/assets/css/style.rtl.css line 1571:
.joms-postbox-tab > div {
    cursor: pointer;
    display: inline-block;
    padding: 8.65248px;
    position: relative;
    text-align: center;
    vertical-align: middle;
}

Change text-align: center; to text-align: left !important;

- Instead of saying: 'it's not working', explain the problem in detail.
- Screenshots with the URL visible in them and the problem marked are more than welcome.
- Tell us how to replicate the problem, we can't fix it if we can't find it.
- Make sure that your site/server meets JomSocial System Requirements
- Make sure to setup JomSocial Cron Job
- Always provide us with access details to the backend and ftp. We need it to debug problems.
- If you have a similar problem, but a solution you found isn't working, open a new thread instead of 'merging' with an existing one.

- Use the "Thank You" feature on any post that helped you
10 years 2 months ago
Licenses:
JomSocial Expired iSEO Expired Socialize Expired

sorry but still facing the same problems :

Attachment Screenshot_3.png not found


icons circled in red not working at all
the space overlaped with yellow color is working as a link ( when mouse moves over it it changes to a hand icon )
the space selected with green : supposed to be responsive to the box width ( means align to left as the code u gave me says ,but it still centered :(

check this out plz

when i added ur code:
edit profile icon is in the right place but it moves when i click on it as shown on the pic

Attachment Untitled-1.png not found



and the edit post arrow is going crrazy


Attachment Screenshot_6.png not found




Attachment Screenshot_7.png not found

Attachments:
10 years 2 months ago
Licenses:

Hi.

1. It's because you didn't followed my instruction, there is still text-align: center: prntscr.com/6o1ztt Please, edit file as I said.

2. To make icons active edit ROOT//components/com_community/templates/jomsocial/assets/css/style.css line 1586

.joms-postbox-tab .joms-postbox-action {
    bottom: 2px;
    padding: 0;
    position: absolute;
    right: 3px;
}

Remove right: 3px;

3. Options icon: edit ROOT/components/com_community/templates/jomsocial/assets/css/style.css line 3118
.joms-focus__button--options--desktop > a {
    left: auto;
    padding: 6px 9px;
    position: absolute;
    right: 0;
    text-align: center;
}

Remove right: 0;

4. Edit post arrow: ROOT/components/com_community/templates/jomsocial/assets/css/style.css line 3818
.joms-list__options > a {
    padding: 8px;
    position: absolute;
    right: 0;
}

Remove right: 0;

and 3814
.joms-list__options {
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}

Remove right: 0;

- Instead of saying: 'it's not working', explain the problem in detail.
- Screenshots with the URL visible in them and the problem marked are more than welcome.
- Tell us how to replicate the problem, we can't fix it if we can't find it.
- Make sure that your site/server meets JomSocial System Requirements
- Make sure to setup JomSocial Cron Job
- Always provide us with access details to the backend and ftp. We need it to debug problems.
- If you have a similar problem, but a solution you found isn't working, open a new thread instead of 'merging' with an existing one.

- Use the "Thank You" feature on any post that helped you
Moderators: Piotr Garasiński
Powered by Kunena Forum

Join 180,000 websites creating Amazing communities

JomSocial is the most complete, easy-to-use addon that turns Joomla CMS into a
full -fledged, social networking site

TRY NOW BUY NOW

About Us

Our product

Support

Contact Us

Site Policies

Elsewhere

© JomSocial.com All Rights Reserved