CSS Issues – Sidebar Not Aligned, Images Have Border

[webguy]

1.  The sidebar is not right-aligning properly to the rest of the content

2.  Whenever I insert an image, it is surrounded by a border.  Where can I turn this off?

3.  I’ve changed the colors of the footer text several times, but it still outputs gray and white.  I would like for the link color to be #3375A9

The XML file is attached.  It is also installed below:

http://www.ferntaylor.com/content%5B/url:2srafa46%5D

Many Thanks!

[imported_Ryan]

Hi,
Thanks for your questions.I don’t have time to respond fully right now, but I’ll definitely answer your questions in a few days time.

I think the problem you are seeing with the footer is a bug which I fixed recently in a test installation of the template generator, but I’m having trouble implementing that version live on the net (some sort of server clash with the code which is driving me crazy!). If I don’t have the new version fixed by the weekend, I’ll provide instructions on how to fix it the old fashioned way by editing the code.

Nice looking theme you have there though ” title=”Smiley” />

[webguy]

Ryan – you are totally my hero.  Thank you for your attention to the matter.

One day I’ll learn WordPress codex, but in the meantime I’ll await your response.  Once we get this theme working properly I’d be happy to see it in your gallery  ” title=”Grin” />

Cheers,

Jason

[imported_Ryan]

Hi,

"webguy" wrote:

1.  The sidebar is not right-aligning properly to the rest of the content

I’m confused. What do you want it to look like? It appears to be working exactly as I would expect it to.

"webguy" wrote:

2.  Whenever I insert an image, it is surrounded by a border.  Where can I turn this off?

I’ll add an option to change this in a future version (may be some way off though). But in the mean time …

Change the following in your style.css file:
[code:o59kaht6]img {
border:1px solid #cccccc;
padding:2px;
}
img.wp-smiley {
border:none;
}
a:hover img {
border:1px solid #aaaaaa;
padding:2px;
}
a img {
border:1px solid #cccccc;
padding:2px;
}[/code:o59kaht6]

to this:
[code:o59kaht6]img {
border:none;
padding:0;
}
img.wp-smiley {
border:none;
}
a:hover img {
border:none;
padding:0;
}
a img {
border:1px solid #cccccc;
padding:2px;
}[/code:o59kaht6]

"webguy" wrote:

3.  I’ve changed the colors of the footer text several times, but it still outputs gray and white.  I would like for the link color to be #3375A9

Until I get the new version uploaded (I’m not sure when that will be, it was supposed to be 4 weeks ago ” title=”Sad” />), you will need to modify the code the long way. The footer text colour can be found in your style.css file here (the section you want to modify is the ‘color’):
[code:o59kaht6]#footer {
text-align:center;
margin:0 auto;
width:100%;
height:40px;
clear:both;
background:#181818
letter-spacing:0em;
line-height:40px;
font-family:helvetica,arial,sans-serif;
font-size:0.5625em;
color:#666666;
min-width:800px;
}
#footer a {
color:#3375A9;
text-decoration:none;
}
#footer a:hover {
color:#3375A9;
text-decoration:underline;
}[/code:o59kaht6]
‘#footer a’ is for links and ‘#footer a:hover’ is for hovered links.

[webguy]

Rock on.  Thanks for your time on this.  I got the image border and the footer colors fixed.  Attached is a screen shot illustrating the other issue.  I would like to move the right content boxes flush right as you’ll see in the image.

[imported_Ryan]

Ah, well that isn’t possible with the template generator sorry, or at least not without losing the gap between the sidebar and the main content. To achieve the effect you want you would need to modify the code the old fashioned way.

[Author]

Posts