Calling all code warriors
August 9, 2008 at 11:06 pm
Now that I’ve got a template I like, I was wondering if anyone out there in Media Nation could help me with a small tweak. I would like to change the template so that content in the center well doesn’t actually touch the line separating it from the right-hand column. I want a margin of a few pixels on the right, matching the margin on the left. (You can really see what I mean in my second Dylan post.)
The template I’m using is called Sand Dollar, and you’ll find it here.
Sunday morning update: Problem solved. Thanks, Steve. And thanks to Jess as well.
Tags: Blogger
Uncategorized | Dan Kennedy
This is much nicer and clearer. One thing I would like to see is for the line/link for comments to be bolder or better defined. At present, it just disappears into the post. Otherwise, nice work.
Acf: I just changed the footer color to red, but it doesn’t seem to extend all the way through. Does it help?
As an edit to my above post, I looked at some of the templates at the blogcrowds link and find the Rounders(x) series provides for both a stronger highlight for the comments line of text, and also distinctly defines each of your posts as a separate item, instead of one page long series of paragraphs.
Acf: You are correct, but I’d been using a Rounders template for years, and I was sick of it. Plus, I find the three-column Rounds templates to be hideous, though they do separate the content very clearly.
Dan: I just saw your reply. The red footer color does help. As I mentioned in my 11:45 post, I like the concept of a highlight band for that footer which would also accomplish post separation. In any case, I could get comfortable with what you’ve done so far.
I’m probably reacting to just being comfortable with the way things were. Hey, I’m adaptable, Ill adjust.
Acf: Thanks. This is all template-driven. My ability to change the template is extremely limited.
Re your margin issue — in the CSS under @media all, change
margin:0 1%;
to
margin:1%;
and you’ll have an even margin all around. You can increase the percentage to make it bigger.
Jess: I just tried it, and it didn’t change anything. Thanks for the suggestion, though — it made sense.
Dan try this:
In the section:
@media all {
div#main {
float:left;
width:55%;
margin:0 1%;
padding:30px 0 10px 1em;
border-left:dotted 1px #777777;
border-right:dotted 1px #777777;
[...]
change the padding line to:
padding:30px 1em 10px 1em;
(padding is top right bottom left)
As to the look – It’s Very American! Red white and blue, baby! (Or maybe it’s Very French? Bleu blanc et rouge? Tres chic.)
Anyway – it’s readable, it works well and it’s pleasant on the (aging) eyes. I read on a desktop or laptop, so I can’t give an opinion at how it looks and works on the handhelds.
Actually I was reading the blog just *before* you threw in the towel Friday night, and I thought that template was cool. I didn’t spend enough time with it to evaluate how it worked, but it looked great. I was just about to comment on it, refreshed, and I was back to the old style! I hate it when that happens! :-)
Steve: It worked! Thank you. And Jess, thank you again for your help, too.
Dan I love this new template! I would like to steal it for myself as I am bored of rounders too, and would like to add a large photo header. Where on earth did you find it??
Hi, Gladys: It’s called Sand Dollar, and you’ll find it here.
Steve: Could you send me your e-mail? I’ve got another question that I’m sure you know the answer to. Thanks.