Several (hopefully small) questions re: Mistylook customization

hancheck · Member · Sep 21, 2010 at 11:52 pm
Copy link

Add topic to favorites
Hi folks,
My site is http://earthwrite.wordpress.com/

I have no experience with CSS but managed to figure out most of what I wanted to change (page width, header size, fonts). However, I’m having trouble with the following:

1. Right hand footer (“Theme by…”)
-would like to get this lined up on the right with everything else but can’t seem to move it with float:right; or position:relative;left:___px;

2. Add copyright in center of footer
-forum search gave mixed results on whether this is possible. Seems to be with HTML in a text widget–my knowledge of HTML is roughly on par with my CSS skills, so I’m a bit clueless.

3. Change color of the post title on a post’s mainpage (when you click through to comment)
-I can’t find what part of the CSS I need to change to do this.

4. “Leave a reply” font
-I want this to match the other headers but can’t find what I need to change.

And finally, something more advanced:

Is it possible to have several header images and have them cycle upon page reload? Since I’m customizing my header size anyway, I thought this would be a nice touch. However, I have no idea if it’s possible or how to go about doing it.

The blog I need help with is: (visible only to logged in users)
hallluke · Member · Sep 22, 2010 at 9:32 am
Copy link
OK. So far this is what I have. It should sort out 1, 3 and 4 no problems. 5 is not possible with just the CSS, you’d need somewhere else to host a file and even then I’m not 100% sure. I remember reading an article about it somewhere in reference to one of the newer themes but it was a bit beyond me. Number 2 works a little bit but I can’t seem to get rid of the border where the text widget was in the sidebar. I’ll let you know if I find a way around this.
```
#footer p+p {text-align:right;}
.posttitle h2 a {color:#000;}
#respond h3 {font-family:Biondi,Serif;}
#sidebar {position:static!important; padding-left:110px;}
#newfooter {position:absolute; bottom:-2.3em; left:0; width:920px; text-align:center; font-size:1.1em;}
```
Code for the textwidget:

<div id="newfooter">Copyright by Whoever 2010</div>
morganofercall · Member · Sep 22, 2010 at 10:28 am
Copy link
Can’t help with your questions but l have to ask – how did you make your page wider? l use the misty theme too, and didn’t think it was possible to make the page wider (thus shrinking the side part).
Can you share how you did that? l am a computer dunce so hope its not too hard.
hancheck · Member · Sep 22, 2010 at 12:24 pm
Copy link
Sure, here’s the changes I made

#container {width:920px;}

#navigation {width:900px;}

#navigation ul li.search {position:relative;left:570px;}

#footer {width:900px;}

#sidebar {position:relative;left:150px;}

#content-main {width:550px;}

container is the white box surrounding everything. The two navigations are the nav tabs and the search box respectively. Footer is the right hand text in the footer, sidebar is the…sidebar, and content of the width of the posting area. You can just fiddle with the pixel counts until things match up to your liking. I can’t guarantee that’s the *smartest* way to make the changes, but I had a couple other people check it out on different systems and browsers and everything showed up fine.
hancheck · Member · Sep 22, 2010 at 12:25 pm
Copy link
Clearly I do not have much experience with coding when I messed up the code tag!
hancheck · Member · Sep 22, 2010 at 12:26 pm
Copy link
Okay, now that was embarassing.
hancheck · Member · Sep 22, 2010 at 1:13 pm
Copy link
Thank you halluke, that was a big help. Everything you posted is working except for the .posttitle, which changes the color on the main page and not on the permalink page. I messed up specificying which I meant, my bad. I haven’t figured out how to get the text box outline out either. Something with the box number and display:none;?
hancheck · Member · Sep 22, 2010 at 8:07 pm
Copy link
Update:
issues 1-4 resolved

resolved (2) by adding a text box with actual text and sticking the HTML in there

resolved (3) turned out I didn’t need the ‘a’ in the posted code

That leaves the last question about having rotating header images. To be clear, I mean something like what Pharyngula (http://scienceblogs.com/pharyngula/) has. It looks to me like he has about half a dozen images that change each time the page reloads. Is there any way I can do this? It’s not a necessity, but it’d be a really nice touch.
thesacredpath · Member · Sep 22, 2010 at 8:53 pm
Copy link
@morganofercall, to make the page wider requires the paid CSS upgrade and at least some CSS editing experience.
hancheck · Member · Sep 23, 2010 at 3:23 pm
Copy link
Anyone?
morganofercall · Member · Sep 23, 2010 at 11:33 pm
Copy link
Aha. Thankyou.
l think l’ll give it a miss (making the page wider).
My old granny always said if it ain’t broke, don’t go tampering.
l won’t tamper. But thankyou for the replys.
hallluke · Member · Sep 23, 2010 at 11:43 pm
Copy link
It is not possible with CSS.

No items found.