By Mustek-1 on

I'm using Drupal version 6.1 and am currently creating an own theme.
I'm now stuck at the sidebar.

How do I change:
http://img337.imageshack.us/img337/4421/beforeds4.jpg
To:
http://img341.imageshack.us/img341/403/aftergg2.jpg

Thanks in advance.

⋅ Categories: Drupal 6.x

Comments

sherifmayika’s picture

sherifmayika commented

for fireox one wil find it easy.

Open the page in firefox, trigger the firebug get the relevant class, add pertinant css to the style.css.

thats all

shooo................

nevets’s picture

nevets commented

Using CSS, you can remove the list "decoration" and remove the leading spacing. Your block has an id, the example uses 'block-menu-10', you will need to change that to your own id. Also the example assumes that is a standard menu. So something like this will get you going.

#block-menu-10 ul.menu {
  padding-left: 0;
}

#block-menu-10 ul.menu li {
  list-style-image: none;
  list-style-type: none;
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}
Mustek-1’s picture

Mustek-1 commented

And where can I find that file?

Thanks.

nevets’s picture

nevets commented

The CSS would be added to style.css for your theme. You want to add it toward the end so it overrides any more general rules for the list. You can find the block id by looking at the generated html (firebug is great for this).

Mustek-1’s picture

Mustek-1 commented

The block styles are not being added to style.css.
Also checked the other css files but nothing their either.

This is in the theme's folder, right?

Mustek-1’s picture

Mustek-1 commented

"block-user-1", this is the ID. So now I just add it in the css file, right?
and how do I remove the username above, so it's like in the second screenshot.

Mustek-1’s picture

Mustek-1 commented

So, I edited it, but it's still showing some ugly parts.
Also, I need to get the text a few pixels to the right
See yellow marked parts.
http://img255.imageshack.us/img255/1184/bugxg4.jpg

And, how do I remove the username from it, so it's like in the second screenshot.

Mustek-1’s picture

Mustek-1 commented

Sorry, double post