moving header image in manifest theme, etc.

olivewoodstudios · Member · Jul 26, 2011 at 2:06 pm
Copy link

Add topic to favorites
Greetings, helpful folks! I have just switched to the manifest theme, and while I like it very much I’m having trouble making some changes –

1. I’d like the custom header image to be above the menu bar. Can I change this using CSS, and if so what code will I need?

2. Where can I look in the CSS code to find out how to widen the menu bar to include more items?

3. How do I change the post title to left-align instead of center?

4. The link to leave a comment at the bottom of each post is cut off. How can I fix this error?

Thank you for helping a beginner out!!
http://olivewoodstudios.wordpress.com/

The blog I need help with is: (visible only to logged in users)
timethief · Member · Jul 26, 2011 at 3:33 pm
Copy link
I don’t help with CSS editing. Only 1 Volunteer usually does when he can but when you purchase a custom design upgrade you do get Staff support. While you are waiting you may wish to read this section > http://en.support.wordpress.com/editing-css/#css-help
Also note > 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/
olivewoodstudios · Member · Jul 26, 2011 at 3:51 pm
Copy link
thanks for the input. I do have the CSS upgrade and have been working through tutorials but haven’t had any luck on these particular issues.
timethief · Member · Jul 26, 2011 at 4:13 pm
Copy link
As I said above you have paid for Staff support and when they can they will enter this thread and help or the only Volunteer who helps with CSS editing will help. In the meantime you must be patient. :)
timethief · Member · Jul 26, 2011 at 5:26 pm
Copy link
I forgot to post the Staff contact link for you. http://en.support.wordpress.com/contact/

Custom Design ($30.00/yr)
The Custom Design upgrade lets you customize your blog’s fonts with a point-and-click interface — no coding required. If you know your way around a cascading stylesheet, you can really put a personal touch on your blog with the CSS Editor. Need help crafting your CSS? Our world-class support team has got you covered.
thesacredpath · Member · Jul 26, 2011 at 7:42 pm
Copy link
Give the following a try and see what you think. For widening the menu, I had to widen the main top level parent element, #site-wrapper, and this requires some tweaking of the header and also of the content to get everything to center correctly. To me, it looks funny with the navigation extending out past the edges of the content like it does, but not overly so.
```
#site-wrapper {
width: 750px;
}

#main-nav {
margin-top: 50px;
}

#header-image {
position: absolute;
top: 10px;
width: 750px;
}

.entry-title {
text-align: left;
}

#core-content {
float: none;
margin-left: auto;
margin-right: auto;

.post-date {
margin-top: 15px;
}
```
Give the above a try and make sure and visit other pages on your site to make sure nothing strange happens with the above changes. Also, check while logged in and while logged out to make sure everything stays where it should.
olivewoodstudios · Member · Jul 26, 2011 at 8:32 pm
Copy link
Thank you! This worked perfectly in my normal browser (google chrome), but in Firefox and Internet Explorer, the menu bar does not appear. Any idea how to overcome this?
thanks again.
thesacredpath · Member · Jul 26, 2011 at 8:59 pm
Copy link
I’m looking at your site in Firefox 5.0.1 right now and the menu is below the header just as it should be. It is fine in Safari 5.1 and Opera as well.

Make sure and clear your browser caches before viewing in the other browsers. It might be that they are pulling some stuff from the cache instead of pulling the new files.
olivewoodstudios · Member · Jul 26, 2011 at 10:06 pm
Copy link
Thanks again! Your assistance was very helpful.
thesacredpath · Member · Jul 26, 2011 at 10:14 pm
Copy link
You are welcome.

No items found.