background image wont fit the screen
-
hi! I know CSS doesn’t really let me do a damn thing I want it to, but I am really trying to get the file I am using as my background to fit the whole page without repeats. Does anyone know what size my files should be that I upload?
I can’t get anything to work the way I want it to! Can’t change my font or it’s color. Can’t get my background image to work. Even my CSS isn’t updating as a edit the few small things I can edit within the limitations of “themes”.IS ANYTHING EASY TO DO ON WORDPRESS?!
The blog I need help with is: (visible only to logged in users)
-
CSS is theme specific. If you have custom CSS and later change themes, you need to delete whatever CSS you have in the Editor, otherwise, you’ll get undesired results.
To ‘reset’ a theme, you need to delete the CSS in the Editor, make sure the “add to existing CSS” radio button is checked, then save. Things should go back to normal.
When you alter a theme’s stylesheet, you only need to put in the Editor the modification/additions to the CSS, not the entire thing. Read this for more info:
http://csswiz.wordpress.com/2009/10/15/if-you-have-the-wp-com-css-upgrade/CSS is theme specific here at wordpress.com. https://wpcom-themes.svn.automattic.com/koi/ You cannot use stylesheets from other themes. There is no official Staff support for the CSS upgrade, and precious little Volunteer support, so please be patient while waiting for them to get to you.
-
@fromdostoshoes, The width a background image would have to be is entirely dependent on the width that the visitor has their browser window set at and what the resolution of their monitor is. My monitor is 2560px x 1600px (there are larger ones as well). If you accommodate that size of monitor with your background image, the image is going to be around 10MB which is going to mean it take 5 minutes for your site to load. Do you really thing someone is going to wait around that long? This isn’t a wordpress issue, this is a standard web issue no matter what your site is using.
With the type of background you are using there are a number of things that are going to have to be done, but the first thing we need from you is how you want the content aligned with the background. Also, since a JPG cannot be magically expanded in one direction via CSS, having a bottom element in the background is not going to work since the length of the main posts page is going to get longer and shorter depending on content. Also, the main page might be a not longer than say your about page.
We need some more information, but the image is going to have to be broken up into probably three or maybe more separate images and possibly changed so that it can be done with a repeat-y to accommodate longer and shorter pages. It will probably also take some redesign of those different elements.
-
This all seems so complicated! I just want the image to have a footer, header and some simple design elements around the left top and right. I wouldnt even know where to start to break them apart into pieces.
I know I can’t “grow” an image, but I just want things to sit nicely within the outlines I want. This can not be as complicated as it seems. Is there no way to just make my site have one simple background that fits every screen and sits the way I want it to.I’m sorry if I seem like a confused child, but that is exactly how I feel.
-
The problem with an outlining image is that what is enclosed in that area has to be static in length on ALL page types (blog, static pages, archive pages, etc). Any change to the content length of a certain type of page would require making a new background image to accommodate that new length.. If you design it to support content that is 700px tall, and then put in some different content (such as adding a new post) that pushes the content length over 700px, then all of a sudden your bottom element in the border outline is now cutting through the content at the bottom.
The top part of the design has to be a separate image that is put into a top element outside the content area. The bottom element has to be a separate element that is put into the footer (outside the content area) so that it can move as the content area length expands and contracts. The side elements have to be designed in such a way that they can repeat in the “y” direction (they will align from top to bottom) so that they can again accommodate varying lengths of content.
There are limitations on what you can do with a web design which means you have to work in and around those limitations.
-
Let me sort of chop up your image and show you what I mean and then I can give you some more information on how to go about this.
-
You know, I’m sorry but I’m going to have to apologize and bow out of doing this. I have a really bad cold and a ton of web work backed up and I just don’t have the time. Perhaps hallluke, who is really good with CSS will drop by and give you a hand.
- The topic ‘background image wont fit the screen’ is closed to new replies.
WordPress.com Forums 