Photo size is different on every computer
Permalink
I am using the ZenLike theme, and so far the main problem I am having is the header photo changes sizes depending on what computer or browser you are using. On my mac, the photo falls off the page, but on my HP, the photo is too short for the header bar...
Take a look,http://www.changeforchildren.com...
* Try zooming in and out on your browser, and see how all of the pictures on the site change size with the site, EXCEPT for the header photo (it looks like a bunch of photos, but it is really just one).
Can anyone help with this?
Take a look,http://www.changeforchildren.com...
* Try zooming in and out on your browser, and see how all of the pictures on the site change size with the site, EXCEPT for the header photo (it looks like a bunch of photos, but it is really just one).
Can anyone help with this?
Thank you for replying...
I have already tried setting the picture to a specific width, the header is actually on 1025 right now...
I dont understand what else I can do. Thank you.
I have already tried setting the picture to a specific width, the header is actually on 1025 right now...
I dont understand what else I can do. Thank you.
You are just doing the second part of what I wrote.
This is what is written on your main.css file line 157:
you need to change that "width" to pixels (width: 960px;)
after doing that, also don't forget to change your picture width to 960px in the image block so that it will fit inside the header.
This is what is written on your main.css file line 157:
#outer { z-index: 2; position: relative; /* The width value below controls the overall width of the design. By default it's set to 82% (so it'll take up 82% of the browser window's width). You can set it to a different percentage value (70%, 90%, etc.) or even a pixel value (760px, 800px, etc.) to enforce a fixed width. */ width: 82%; border: solid 7px #fff; background-color: #fff; margin: 0 auto; }
you need to change that "width" to pixels (width: 960px;)
after doing that, also don't forget to change your picture width to 960px in the image block so that it will fit inside the header.
Or instead of using image block, use the content block and add the image there, then click on the html button and delete the height="xx" and change width to width="100%".
If you do not see the html button, then you need to go to your dashboard>sitewide settings. You will see rich text editor there, just select "office" from there and save it. then go back to that content block and do the rest.
Your final html code should look like this,
If you do not see the html button, then you need to go to your dashboard>sitewide settings. You will see rich text editor there, just select "office" from there and save it. then go back to that content block and do the rest.
Your final html code should look like this,
<p><img src="/index.php/download_file/view_inline/IMAGE ID/" alt="NAME OF YOUR IMAGE.gif" width="100%" /></p>
This worked!!!! Thank you so much!
The problem is because the "div id=outer"'s width is set to 82%. You may need to set it to pixels (ex: 960px) , then you also need to set the width of the image to 960px in the image block.