Joomla Templates Club 406,261 posts

[nooran Developer nooranJoin date: June 2013Posts: 119Downloads:8Uploads:21 Thanks: 32 Thanked: 6 times in 1 posts]

#193427

Hello,

I’m using JA Magz. I have added weblinks, I would like it to be RTL Weblinks, just the way it shows on the attached file.

Actually, I have added this css code to custom.css file:


ul.weblinks li a{ float:left;}

but it didn’t work exactly as I wanted, maybe it’s a wrong code.

This the live URL: http://www.gabookye.org/new/

Thanks a lot for your precious help.

---

Attachments:

1. 

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#517225

You can try the followings:
– Create a new file custom.css into the path …templates/ja_magz/css/
– Then add to this file the CSS rules:

.ja-tab-subcontent ul.weblinks font {
float: left;
padding-left: 2px;
}

.ja-tab-subcontent ul.weblinks a {
float: right;
}

Hope that helps.

[nooran Developer nooranJoin date: June 2013Posts: 119Downloads:8Uploads:21 Thanks: 32 Thanked: 6 times in 1 posts]

#517257

Hello,

I have added the code into custom.css file, but it didn’t work..

You may check the online URL where I did the code: http://www.gabookye.org/new

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#517280

Hi Nooman,

The weblink module does not contain the <font> tag on HTML makeup so I did not show the styles I suggested you. Anyways, you can try to put these css rules into custom.css file too:

.ja-tab-subcontent ul.weblinks a {
margin-left: 80px;
}

Adjust the padding value until you get perfect. Below attachment is how the weblink will look like.

---

Attachments:

1. 

[nooran Developer nooranJoin date: June 2013Posts: 119Downloads:8Uploads:21 Thanks: 32 Thanked: 6 times in 1 posts]

#517383

Any suggestions please!!

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#517439

@ Nooran, Have you tried my suggestion above? Let me know how it goes.

[nooran Developer nooranJoin date: June 2013Posts: 119Downloads:8Uploads:21 Thanks: 32 Thanked: 6 times in 1 posts]

#517468

Yes, I did exactly what you told me, but they are not aligned in the same level.

You may check the online URL: http://www.gabookye.org/new

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#517493

Hi Nooran,

Well, another solution is creating a folder named mod_weblinks in templates/ja_magz/html/ and extracting my attached file into. Then try to put the css styles into custom.css file:

.weblinks .hits {
margin-left: 5px;
float: left;
}

---

Attachments:

1. default.zip

1 user says Thank You to phong nam for this useful post

1. nooran

[nooran Developer nooranJoin date: June 2013Posts: 119Downloads:8Uploads:21 Thanks: 32 Thanked: 6 times in 1 posts]

#517527

Worked, very perfect…

Many thanks for your help…

[Author]

Posts