Below are two images, one how it is and one how it should be. (Images attached)

All the changes have been done in "layout-fixed.css", is this ok? (Document attached)

Could someone help me with the changes as in the image please?


PS: Where can I manually add files (via FileZilla) so others can download? I cannot place any files in default/files (no permission) and on other places it's not reachable.

PPS: How to show images in here? (Only local images are allowed. doesn't works, though I've seen images before in these forums)


SweeneyTodd’s picture

Can't access image files or css while your site is offline.

You may be better off having the site online so people can use Firebug to play with the layout.

KennyVanLent’s picture

Have changed the location of images and files and have put the website online for FireBug users.

Thanks for your quick response ;)

SweeneyTodd’s picture

The image files are showing as blank and you have removed the link to your web site.

KennyVanLent’s picture

Redone links.

SweeneyTodd’s picture

Here are a couple of the solutions you want while I have a few minutes:

the bullets for the unordered list can be changed using css. This page has an example.
you might be able to change the breadcrumb separators to images using a theme override function (theme_breadcrumb) - see the api or see Another possibility is to change remove the breadcrumb separator in your theme and use a background image e.g.

.breadcrumb a {
  background: url(images/breadcrumb.png) no-repeat right;
  padding-right: 15px;

Search box in a block discussion here

SweeneyTodd’s picture

Try putting the logo into a block (an html img not using php code) and positioning it in the left sidebar. You can use css to change the styling of the block. If you want it overlapping the header region, then you might need a negative top margin on the left side bar. Alternatively, put it as a background image on the block you want it attached to and use a top margin on the block to move the text down.

You should be able to get a clickable username by editing the page.tpl.php file. The username is part of the global $user object.

You should be able to change the width of the navigation bar by editing the css in layout-fixed.css.

The header size can also be styled in layout-fixed.css.

KennyVanLent’s picture

Thanks Sweeney,

Gonna work on this right away!

Changed my mind today about layout, liquid works and looks better then being in control with fixed. PomsParadise is using a simple background, so it shouldn't be any problem at all. But it's another learning curve for me to understand zens coding of liquid. Do you think this is a good choice for a Webshop?

The rest of the idea's stay the same. I'll keep you up-to-date through this thread.

KennyVanLent’s picture