By brandido on

hello,

can someone help me how to center my primary menu?

it is my first time using drupal. i am not good with codes. im a complete noob. but if you can guide me step by step, i will be able to understand how.

i have my primary menu align in the right side of my page. i just want it to put it in the center. in my primary menu i have HOME, CONTACT, SERVICES, LOGIN.

take a look at my drupal test site for understanding of what im saying.
www.cadexpress.isgreat.org

Thank you.

⋅ Categories: Drupal 6.x

Comments

vm’s picture

vm commented

open your style.css file of the theme

find: approx: line 171

#primary ul, #secondary ul {
margin-right: 2px;
padding: 4px 0;
text-align: right;
}

Change to:

#primary ul, #secondary ul {
margin-right: 2px;
padding: 4px 0;
text-align: center;
}

Lastly, get the firefox browser and the firebug add on. It will aid you tremendously with inspecting the elements and finding out what css is being called where. You can even test your changes without physically changing the style.css file until you are satisfied.

Took me less than 30 seconds to locate this using the tools mentioned above. Shorter time frame than the creation of your thread.

brandido’s picture

brandido commented

it is not working... i don't know why. this is how i modify it according to what you want me to changed.

/*=============================
	Primary & Secondary Links
==============================*/

#primary, #secondary{
	padding:0;
}
#primary ul, #secondary ul{
	padding:4px 0;
	margin-right:2px;
	text-align:center;

by the way im using ablock theme.

vm’s picture

vm commented 
<link type="text/css" rel="stylesheet" media="all" href="/sites/default/files/color/ablock-3d4756bd/style.css?h" />

The above is your source code. Looking at this tells me that you've used the colorpicker.mdoule to alter the color scheme of your theme. When you do that, drupal writes a new style.css file in your /sites/default/files/color/ablock-3d4756bd folder.

Therefore you have to add the lines I've given you to BOTH files. The style.css of the actual theme. In case you every change colors again AND the style.css file stored in /sites/default/files/color/ablock-3d4756bd

Ensure you flush your browser cache and the database cache afterwards.

brandido’s picture

brandido commented

yah you are right. i fixed it.

thank you.

what do you mean flush my browser cache and database cache? i don't get it.

vm’s picture

vm commented

if it's working correctly ignore flushing any cache.

to understand cache, check out google.

brandido’s picture

brandido commented

forgve me for being such a noob.

i really appreciate your help.
Godbless.