Joomla Templates Club 406,261 posts

[jayatunge Friend jayatungeJoin date: July 2011Posts: 94Downloads:0Uploads:41 Thanks: 16 Thanked: 8 times in 1 posts]

#168250

Because of the long descriptions, menu items flows to the second line when Main Menu is placed in the Left position. I need to have that long descriptions. How to fix the indentation? (menu.png)

And also, I need to have the small right arrow after the next level of the menu. (breadcrumb.png)

Please help.

---

Attachments:

1. 
2. 

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#411109

<em>@jayatunge 265749 wrote:</em><blockquote>Because of the long descriptions, menu items flows to the second line when Main Menu is placed in the Left position. I need to have that long descriptions. How to fix the indentation? (menu.png)
</blockquote>
What you might want to consider doing is widening your menu and decreasing the size of the font for the menu items
– maybe by a pixel or two.

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#411111

<em>@jayatunge 265749 wrote:</em><blockquote>Because of the long descriptions, menu items flows to the second line when Main Menu is placed in the Left position. I need to have that long descriptions. How to fix the indentation? (menu.png)</blockquote>
Hi,
You replace this code from /templates/ja_ores/css/template.css in the line #1570

#ja-container ul.menu li.active li.active li a {
background: url(../images/arrow-3.gif) no-repeat scroll 5px 10px;
color: #666 !important;
}
with

#ja-container ul.menu li.active li.active li a {
background: url(../images/arrow-3.gif) no-repeat scroll 5px 10px;
color: #666 !important;
padding-left: 15px;
}

<em>@jayatunge 265749 wrote:</em><blockquote>And also, I need to have the small right arrow after the next level of the menu. (breadcrumb.png)

</blockquote>
Do you use Joomla 1.5 or 1.6?

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#411113

Actually, khoand . . . after testing your recommendation out via Firebug – that will indent the top line, but keep the indentation of the second line – so it does not really solve the indentation issue for the second line of the menu item – which, I believe, is what our friend is wanting to correct.

[jayatunge Friend jayatungeJoin date: July 2011Posts: 94Downloads:0Uploads:41 Thanks: 16 Thanked: 8 times in 1 posts]

#411205

You are correct Tom, I am trying to find a solution to indent the second line so that it vertically aligns.
Dear khoand, I am using Joomla 1.5.

[jayatunge Friend jayatungeJoin date: July 2011Posts: 94Downloads:0Uploads:41 Thanks: 16 Thanked: 8 times in 1 posts]

#411276

Tom / Khoand,
How do I widen the right module with out effecting the front page and blog style? I see that now the page is divided between the content and right 75% and 25%. If I can get the distribution to equal 65% and 35% then the menu can accommodate the long descriptions.
I appreciate your help

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#411280

<em>@jayatunge 265980 wrote:</em><blockquote>Tom / Khoand,
How do I widen the right module with out effecting the front page and blog style? I see that now the page is divided between the content and right 75% and 25%. If I can get the distribution to equal 65% and 35% then the menu can accommodate the long descriptions.
I appreciate your help</blockquote>
This can possibly be done within your Template Manager …. We can take a look, but we would need temporary access to your site Administration Backend.

[jayatunge Friend jayatungeJoin date: July 2011Posts: 94Downloads:0Uploads:41 Thanks: 16 Thanked: 8 times in 1 posts]

#411287

How do I send you the login info?

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#411291

<em>@jayatunge 265995 wrote:</em><blockquote>How do I send you the login info?</blockquote>
Simply click on my username (to the left of this message) and send me a private message (PM) with the login info.

[jayatunge Friend jayatungeJoin date: July 2011Posts: 94Downloads:0Uploads:41 Thanks: 16 Thanked: 8 times in 1 posts]

#411325

Hope that you got the information. Thank you for your help.

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#411336

<em>@jayatunge 266044 wrote:</em><blockquote>Hope that you got the information. Thank you for your help.</blockquote>
I did – and I will look into this for you and try to have an update for you within the next several hours.

😎

[jayatunge Friend jayatungeJoin date: July 2011Posts: 94Downloads:0Uploads:41 Thanks: 16 Thanked: 8 times in 1 posts]

#411337

Thanks for the great news! 🙂
I also tried changing the value at line 20 of the default.php ($this->_basewidth = 25;) and then changing the value at line 1139 (background: url(../images/grad5.gif) 715px 0% repeat-y;) in template.css to move the vertical line. This distorts the front page! I want to exclude front page left and right column sizes from this modification completely. I thought, I should let you know of my futile efforts. :-[
Looking forward to your answer. Once again thank you.

[jayatunge Friend jayatungeJoin date: July 2011Posts: 94Downloads:0Uploads:41 Thanks: 16 Thanked: 8 times in 1 posts]

#411571

Any updates yet? Sorry for bugging. 🙂

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#417000

Dear jayatunge,

For this issue:

<blockquote>Because of the long descriptions, menu items flows to the second line when Main Menu is placed in the Left position. I need to have that long descriptions. How to fix the indentation? (menu.png)</blockquote>

Please following these steps:
– First you need to re-upload these bullets into your images folder
– Second:

Go to this file to modify some css lines for it working better:

templates/ja_ores/css/template.css:

#ja-container ul.menu li a {
color: #666;
display: block;
outline: none;
padding: 6px 0;
text-decoration: none;
background: url(../images/arrow-3.gif) no-repeat scroll 5px 13px;
padding-left: 14px;
}

templates/ja_ores/css/template_rtl.css:

#ja-container ul.menu li a{
background-position: 98% -81px;
padding-right: 10px;
padding-left: 0px;
}

#ja-container ul.menu li a:hover,
#ja-container ul.menu li a:active,
#ja-container ul.menu li a:focus{
background-position: 98% -81px;
}

#ja-container ul.menu li.active a,
#ja-container ul.menu li.active li a,
#ja-container ul.menu li.active li a:hover,
#ja-container ul.menu li.active li.active a,
#ja-container ul.menu li.active li.active li a,
#ja-container ul.menu li.active li.active li a:hover {
background-position: 98% -81px !important;
}

Hope this would work.
Or you can wait for our new release for this soon.

Regards,

---

Attachments:

1. images.zip

[Author]

Posts