change the bullet style!

[Fais ritz, modificado 13 Anos atrás.]

hi,

I am using liferay 6.0 and applied the clear theme. Is there any way to change the bullet style of navigation. I saw this in configuration/bullet style but in the drop down i have only default option.

Fais

[Hitoshi Ozawa, modificado 13 Anos atrás.]

Hope the following thread provide information you need:

http://www.liferay.com/community/forums/-/message_boards/message/477041

[Maarten van Heiningen, modificado 13 Anos atrás.]

Hi Fais,

Nice to here you use my theme. I created the Clear theme.

Fais ritz:

I am using liferay 6.0 and applied the clear theme. Is there any way to change the bullet style of navigation. I saw this in configuration/bullet style but in the drop down i have only default option.

Can I help you with this? Do you need the dropdown of your main navigation changed? Or is it a different style of the navigation portlet.

Best regards
Maarten

[Hitoshi Ozawa, modificado 13 Anos atrás.]

Nice to here you use my theme. I created the Clear theme.

Oops. The topic was about changing

Clear

theme. Please ignore my earlier reply.

[Fais ritz, modificado 12 Anos atrás.]

hi,
Your theme is so good. Thanks for this good1. I want to change the navigation which comes below the main menu.

Thanks for reply.
Fais

[Maarten van Heiningen, modificado 12 Anos atrás.]

Hi Fais,
You mean you want a subnavigation? Or is it something else?
Can you give me a simple sketch like this or an attachment?

So I can help you.

Example:

=====================================
Header & Logo
=====================================
navigation main-level
----------------------------------------------------------------
sub navigation level
=====================================
| content columns |
| |
| |
| |
| |
---------------------------------------------------------------
footer
=====================================

[Fais ritz, modificado 12 Anos atrás.]

hi Maarten,
Thats the sub-navigation. i have to change the bullet style of that.
Thanks
Fais

[Maarten van Heiningen, modificado 12 Anos atrás.]

Hi Fais,

So you have no issue? That's great to hear!

if you want you can also check out my other theme:
UX-theme

Regards,
Maarten

[Fais ritz, modificado 12 Anos atrás.]

Hi Maarten,

I want to change the bullet style of sub navigation. These are as Follows: -
------------------------------------
Header & Logo
------------------------------------

------------------------------------
Navigation Main Level
------------------------------------

-------------------------------------------------------
Sub Navigation Level
• Home
• About Us
• Contact Us
• Career
-------------------------------------------------------

| content columns |
| |
| |
| |
| |
-------------------------------------------------------

[Fais ritz, modificado 12 Anos atrás.]

So you have no issue? That's great to hear!

Hi,
My query is not solved yet please give me the reply as soon as possible. i am eager to know that. i have to change the bullet style of navigation portlet as i gave you the structure above.

[Maarten van Heiningen, modificado 12 Anos atrás.]

Hi Fais,

To change the bullet style of the navigation portlet please add this to your custom.css in the /_diffs/css/custom.css
This way you can change it to something you want.

/*
 * Navigation portlet
*/
.portlet-navigation UL.layouts {
	list-style: square outside none;
	/* This beneath here is the current style setting */
	/*list-style: disc outside none;*/ 
}

By changing the style setting list-style you can change the way the bullet point are set for your navigation list. If you need to set them to a different color you can change them here as well.

Maarten

[Fais ritz, modificado 12 Anos atrás.]

Hi Maarten.

Thanks for quick reply. But its not working. Can i put an image instead of that bullet.

Fais

[Maarten van Heiningen, modificado 12 Anos atrás.]

Hi Fais,

no problem you can put a background image in the <li> and set the list-style-type: none inside the css

Maarten