Solved

Ammending the way menus are output in Joomla!

Posted on 2011-02-28
2
552 Views
Last Modified: 2012-05-11
Experts,

Im trying to incorporate a css menu into a joomla template.

Im trying to edit the way joomla ouputs the menu to get this format:
......
<ul id="qm0" class="qmmc">
      <li><a class="qmparent" href="javascript:void(0)">xxxxx</a>
            <ul>
            <li><span class="qmtitle" >yyyyy</span></li>
.......

I can change the id in the menu parameters easily enough, the problem comes when trying to change the class. Joomla always seems to output [class='menu'] then allows you to add a suffix, but i cant seem to see how to edit the first bit i.e. [class='qmmc']. Can this be changed?

Also is there a way to alter the actual template of the menu?

Regards
Easynow
0
Comment
Question by:Dean OBrien
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
2 Comments
 
LVL 21

Accepted Solution

by:
oleggold earned 500 total points
ID: 35001213
0
 
LVL 12

Author Closing Comment

by:Dean OBrien
ID: 35009584
Great thanks
0

Featured Post

Free Tool: Site Down Detector

Helpful to verify reports of your own downtime, or to double check a downed website you are trying to access.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

When writing CSS, there are a few simple rules that will make your life easier.    1. Using ‘* {box-sizing:border-box;}’. Using this will wrap all your elements in a nice little compact box-model that will give you the width you want, like so... …
SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
In this tutorial viewers will learn how to define a gradient in CSS. Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Gradient. Define the background as "linear-gradient(to right, #ee3668, black)". Ensure you …
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).
Suggested Courses

623 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question