By tjay12 on
Hi, my website is at http://www.clickarug.com/dru/
I have been trying to change the font type and font-weight for the menus on left hand side sidebar. I changed it in system.css in modules/system folder, but haven't been able to achieve the results. I want the menus to look same as in the top navigation bar.
Thanks in advance.
Comments
<div id="menu"> <ul
There's your division id and unordered list id, just call it in style.css
Thanks for your reply.
But if you scroll down in the source you will see that menu for sidebar is like this:
Which class should I call in style.css?
Primary Links
I got eager and posted the wrong thing. Good thing you caught it. :) So you just need to go down calling the hierarchy, starting with the sidebar then the block then the unordered list. What you were doing in system.css is customizing all unordered lists on the page. You want to be more specific so you need to make sure you are calling the specific division and classes. I've been on a kick recommending firebug today but if you use firefox I would recommend it, it will tell you everything you need to know about that element on the page.
Sidebar
#sidebar {
background-color:#E0D2B9;
border-bottom:1px solid #404040;
border-right:1px solid #404040;
float:left;
margin:0pt;
padding:0pt;
width:18%;
}
#sidebar p {
padding-bottom:10px;
}
#sidebar h2 {
border-bottom:1px solid #DDDDDD;
color:#003167;
font-size:130%;
font-weight:bold;
margin-bottom:0.3em;
}
#sidebar menu {
font-family:Arial Narrow;
font-size:15pt;
font-weight:bold;
}
If you were trying there with the "menu" just change that to the block and the ul li.
Here's what I do
Nancy W.
Drupal Cookbook (for New Drupallers)
Adding Hidden Design or How To notes in your database
NancyDru
Simple solution
Two bits of code in style.css will get this done. You should never edit system.css or any other Drupal stylesheet, because when you upgrade Drupal those stylesheets get overwritten. Always put CSS declarations in your theme's style.css file.
Change #1:
In style.css look for the following:
and change
#menuto#menu, #block-user-1Change #2:
Add this bit of code somewhere in style.css (maybe at the end):
That should work nicely for you.
______________________________________________________________________________________________________
Need help? Check the FAQ and the Handbooks first.
______________________________________________________________________________________________________
Thanks incrn8
It worked!
Yes, I will try not to modify system files in future.
Cool
Glad to help :)
______________________________________________________________________________________________________
Need help? Check the FAQ and the Handbooks first.
______________________________________________________________________________________________________
It's best to override
It's always best to try and override something in Drupal before you edit the core files.
Thanks everyone and another question
Now if anyone can help me in reversing the order of my links in the left sidebar. As you can see my links on top are in different order but links for sidebar are in reverse order.
http://www.clickarug.com/dru/
Menu Items
I have a Menu Item/Block that I want to have highlighted in Red all the other items I want default is this actually possible? If so how would I do this? The menu item I want to change is News Items?
Wes
Yes, it can be done.
You need to know the block number/name and then you can override its formatting with CSS. Drupal Tutorial Part 4 - Styling an individual Block
Nancy W.
Drupal Cookbook (for New Drupallers)
Adding Hidden Design or How To notes in your database
NancyDru