Modify width in INove
-
With all the other posts about changing the width, still haven’t been able to find one to modify INove. I’d just like to make the width 20% shorter or so. I’m thinking one of the main problems is shrinking the size of the header image as well? Any help would really appreciated. Thanks guys.
blog: http://agshoots.com
The blog I need help with is: (visible only to logged in users)
-
You want to make the theme narrower? Wow, that is a change. Most people want to make them wider. The following takes it down by right at 20%. Yes, you will have to recreate a new header section to match the existing except 750px wide. As you will see, you will also need to create a new background image or alternately not use an image and just use a solid color.
#container { width: 750px; } .one-column #main { width: 720px; }Existing header image: http://s2.wp.com/wp-content/themes/pub/inove/img/header.jpg .
-
Awesome!!! Thank you so much. The bg image and header untweaked, actually aren’t that bad, I can live with it. For now. Haha, thanks again.
-
-
Just curious, since I have a wordpress.com, and I can’t seem to find any header options, would be possible to change the header? I was able to download what appears to be the wordpress.org files of this theme, found the header image, and shrunk it to 750px. But I’m not sure if I have the option to actually replace the header image…
-
On this particular theme, you have to do the header image through the CSS. Replace
” img/header.jpg ” between the double quote marks below with the full URL of your header image. Upload it to your media library and when it finishes uploading, down toward the bottom of the upload page, in a grey field, will be the URL of the image.#header { background: url("img/header.jpg") no-repeat scroll 0 0 transparent; } -
Thanks again. Although, for whatever reason, aspects of the theme are now missing: the gradient background turns to a solid light grey color, the wordpress logo at the bottom is invisible, but still there, the arrows that divide the menu items underneath the header are missing, and no longer highlight when I put the cursor over them.
What I did, was clicked “view original stylesheet”, selected “start from scratch and just use this”, copy and pasted the original stylesheet, followed by all the additional code to remove the search bar and narrow the width of the blog. I was successful in replacing the header image too. Not sure why if I verbatim copy and paste the original style sheet it doesn’t look exactly the same…I even actually just tried copying and pasting the original code without any additional code, just to see if it would be identical, which it was not..
-
Did you by chance paste the entire stylesheet into the CSS edit window? If so, that will cause this issue because the stylesheet uses “relative” URLs and your CSS file is stored in a different place which means all the relative URLs break.
At wordpress.COM, you put ONLY the specific selectors, and only the specific declarations you are adding or changing into the CSS edit window and then make sure that “add to existing…” is selected.
-
Actually if I had read through your post entirely instead of just scanning I would have seen that that is what you did.
Delete everything in the CSS edit window, put only the above changes into the CSS edit window and then click the “add to existing…” button and make your changes. All the original images will come back and your CSS changes will override the existing CSS.
-
Ha! I really should’ve just listened to you exactly. I didn’t think whatever code I added would override whatever is in the original stylesheet. Thank you so much, again!
-
- The topic ‘Modify width in INove’ is closed to new replies.
WordPress.com Forums 
