Placing a header image at equal width

[rpacker 19]

I am new to Platform and am still experimenting. I am trying to figure out the best way to place an image in the header and have it the same width as other elements, such as the carousels, features, etc. It seems the margin is different for various elements within the content frame. Any best practice methods for width alignment?

[Jenny 33]

The best solution would be to create a header image and make its width the same as the item you are trying to match it to (i.e. features, carousels, etc). After you have the header image posted, we can help you with customizations here. Just post your link. :)

[rpacker 19]

Thanks!

[rpacker 19]

Before I place the header image, can you tell me the best section to use? I tried the Site Branding section, but the width of the image was hard to control, with different widths in different browsers, etc. Thanks!

[Danny+ 1,327]

Hi Randall, Would it be possible for you to post a link to your site please, so I can take a closer, if you check out one of my sites that I use to test things on. You can see that all I've done to add the header image is add this to the branding CSS: http://www.redofmanchester.com/ [code] #branding { background: url("/rom/v1/images/main-header.jpg") no-repeat scroll 0 0 transparent; height: 200px !important; margin: 0 !important; } [/code] So post a link to your site and I can assist you further.

[rpacker 19]

Thanks Danny, I have since changed the header image because I was getting different width results in different browsers. I am now using a new image in which the edges blend with the background. This was both a technical as well as a design solution. Thanks!!

[Danny+ 1,327]

No Problem, happy to help.