Joomla Templates Club 406,261 posts

[tomyhomy Friend tomyhomyJoin date: August 2010Posts: 33Downloads:0Uploads:0 Thanks: 10]

#153722

Hi,

I Use the Ja Anion Template for a RTL language.

If I use images for the submenus, the text appear on the image.
How can I change the padding-right or margin-right of the submenu text, so they don’t appear on the image but appear beside theme in the left hand side of the images??

Thanks

[geof Friend geofJoin date: January 2006Posts: 20Downloads:102Uploads:0 Thanks: 5 Thanked: 12 times in 9 posts]

#353393

your link ?

[tomyhomy Friend tomyhomyJoin date: August 2010Posts: 33Downloads:0Uploads:0 Thanks: 10]

#353401

As you can see the text of submenu overlaps with the image.

[geof Friend geofJoin date: January 2006Posts: 20Downloads:102Uploads:0 Thanks: 5 Thanked: 12 times in 9 posts]

#353426

Go to
templatesja_anioncsstemplate-rtl.css
line 352

.ja-megamenu ul.level0 li.mega ul li.mega a {
background-position: 98% 13px !important;
padding-left: 0;
padding-right: 15px; <---- give the corresponding value

Your screenshot does not help me to find the exact value of px

1 user says Thank You to geof for this useful post

1. Arvind Chauhan

[tomyhomy Friend tomyhomyJoin date: August 2010Posts: 33Downloads:0Uploads:0 Thanks: 10]

#353433

Thank you very much for your answer.

But unfortunatly changing of the value of padding-right on line 355 moves both text and images together.

I want to move only the text and not the image, so that thte text doesn’t overlap the image.
I want that the text appear on the left hand side of the image.

Probably I have to use a css class for the image and another css class for the text. But HOW??

I am not bad in Coding. So if you help me, I will manage it.

Thanks a lot

[geof Friend geofJoin date: January 2006Posts: 20Downloads:102Uploads:0 Thanks: 5 Thanked: 12 times in 9 posts]

#353484

The link to the problem would help me more than the demo

[tomyhomy Friend tomyhomyJoin date: August 2010Posts: 33Downloads:0Uploads:0 Thanks: 10]

#353534

I sent you the live url.

Thanks

[tomyhomy Friend tomyhomyJoin date: August 2010Posts: 33Downloads:0Uploads:0 Thanks: 10]

#353537

This is realy urgent !

[cssyeah Moderator cssyeahJoin date: June 2006Posts: 653Downloads:73Uploads:15 Thanked: 121 times in 81 posts]

#353585

Hi tomyhomy,

Sorry, i don’t see your live site. 🙁

[tomyhomy Friend tomyhomyJoin date: August 2010Posts: 33Downloads:0Uploads:0 Thanks: 10]

#353631

Hello @Trungch,

I sent you a private message with the URL.

I hope you can help me.
This is realy urgent.

Thanks

[cssyeah Moderator cssyeahJoin date: June 2006Posts: 653Downloads:73Uploads:15 Thanked: 121 times in 81 posts]

#353645

Hi tomyhomy,

Open the template-rtl.css in the templatesja_anioncss folder and paste the following code section to it ( about line 351 ).


.ja-megamenu ul.level0 li.mega .has-image {
background-position:right center !important;
padding: 10px 45px 5px 0 !important;
}


Tell me, if don’t work 🙂

[tomyhomy Friend tomyhomyJoin date: August 2010Posts: 33Downloads:0Uploads:0 Thanks: 10]

#353653

Dear @trungch,

I love you !! 🙂
It has solved the problem.

I have changed the values a little bit as follow:
<blockquote>
.ja-megamenu ul.level0 li.mega .has-image {
background-position:right center !important;
padding: 5px 45px 1px 0 !important;
}
</blockquote>

I think this code should be added in to the next update of the Ja Anion template.

Thanks again and have a nice day

[Author]

Posts