whch

HI, we also have another issue – the site looks great in Chrome, with the navigation bar equally spaced, but in Safari on Mac the top navigation bar is pushed to the right and the text for this bar broken over two lines. Is there any way of changing that? If the navigation is switched off altogether, it is replaced with the text “uncategorised”.

The site is
brixton tool box dot com (without the spaces)

That’s right. Now to move on to the other bugs!

I started to wonder if there was something funny about the image itself (mac encoding?). I have changed it for a png image and it seems to work on all my browsers now – can you see it?

Thanks for your help.

Thanks for the suggestion. The omission of the colon does not seem to make any difference – the logo is still invisible in Firefox (and Opera) and visible in Chrome/Safari.

The other thing is that the URL of the image did not bring anything up in Firefox/Opera but does in Chrome/Safari.

To check if there was something in the image itself or its URL address which Firefox/Opera did not like I have changed the image type and URL to

#header {
  background: url("https://www.carverhaggard.com/main/wp-content/uploads/2011/01/Logo.tiff")
  no-repeat bottom left; }
#headerimg  {
  height: 75px;
  width: 350px;
  }

The image can now be viewed at this URL in Firefox/Opera but still does not display in the right place on the page.

Is there something wrong with my CSS header code then?

There should be a black on white text logo above the image – I see it (on my Mac) in Safari and Chrome.

In the source I believe <div id="headerimg"> points towards it on the stylesheet.

In the stylesheet I have

#header {
  background: url("https://www.carverhaggard.com:/main/wp-content/uploads/2010/10/CH-logo_bw.jpg")
  no-repeat bottom left; }
#headerimg  {
  height: 75px;
  width: 350px;
  }

When I go to the URL for the logo image I can see it in Safari/Chrome but not in Firefox.

Any idea why this would be?

Unfortunately not – there should be a logo above that…

OK, apologies, I have just realised that it is longer pages with scrollbars which shift in the browser window. Is there any way to avoid this, apart from making all pages longer or shorter?

You are quite right – not sure what I did wrong last time but it works now. Thanks again for your help.

This wiped out all the formatting when I tried it, which is what has happened a few times when I have experimented with code in this area. Thanks for the suggestion though…

Thanks alchymyth – I’m afraid this might be beyond my skills. This is my site (in progress)
https://www.carverhaggard.com

Hi, thanks. I cannot find anything called children in stylesheet or any of the other obvious templates.

All I have is the code I inserted then adapted with your help – “#sidebar .page_item a” seems to control parent formatting and “#sidebar .page_item .page_item a” the child formatting.

I have taken your advice and changed the line to a grey but I think I prefer dotted – although I would ideally have wider spaced dots, but it doesn’t look like html can do this. I’m happy to have the parent pages look a bit like headers I think.

#sidebar {
	padding: 1px 10px 10px 0;
/*	width: 180px;*/
margin-top:30px;
	}

#sidebar form {
	margin: 0;
	}

#sidebar .page_item a{

font-weight:bold;
line-height:2.0;
padding-top: 1px;
border-top: 1px dotted red;

}

#sidebar .page_item .page_item a{

font-weight:normal;
line-height:2.0;
padding-top: 0;
border-top: 0;
}

the site is here – in process…
https://www.carverhaggard.com

I have adapted a theme called white-as-milk

I am also currently trying to insert an image into the header in place of the text title…

Hi, I’m trying to do the same thing. I may be being really stupid, but I cannot see admin / customize / images tab. Where should I be looking for this?

Thanks again Lou, the padding works to offset the border, independent of text position, with or without line height, which is great.

Do you have any suggestions for inserting a blank line or gap before each of the parent page listings, to make the separation between sections more readable?

Also, i would like to insert a line break if possible so page list reads:

parent
-child
-child

parent
-child

parent
-child
-child

I have played with ‘margin-top’ in the same location and it does not seem to work