Several Questions about Weston Blue layout

[dreadfulpenny81]

Basic Information:

Theme: Weston Blue (Expressive)
Browswer: Firefox
Account type: Paid

Comments

[av8rmike]

First of all, you should probably get rid of the extra closing braces ("}") you have floating around, because that is interfering with the browser's parsing of your stylesheet.

1) Try .page-header2 { margin-bottom: 0;}
2) .user-icon {margin-right: 10px;} (or whatever number you think looks good)
3) Change this:
.user-icon img {border: 3px solid #ffffff;}
to this:
.user-icon img, .widget .user-pic img {border: 3px solid #ffffff;}
4) The specifier needs to look like this: img[src*="img/userinfo.gif"], #lj_controlstrip img[src*="img/userinfo.gif"] { ... }
5) Change the colors here to whatever you want:
.asset-tags-list a:hover { background-color: #dee2f6; color: #566876; }
6) I'm not sure what you mean with this one.

Also, for lots of little tweaks like this, may I suggest Firefox's Firebug or Web Developer extension? With those, it takes about 5 minutes to figure these things out.

[dreadfulpenny81]

Thanks for the extension suggestions! I installed Web Developer and it's actually teaching me a lot.

What I want to do is move the mood theme picture down without it affecting any of the writing below it so the middle of the picture is centered with the words on either side. Flexible squares does it, but I couldn't find what in the code would denote how to move the mood theme image for Expressive.

[av8rmike]

OK, I see. The way Flexible Squares does that is with some customized HTML in the layer source itself that Expressive doesn't have. Therefore, the only way to change it is to change the Entry::print_metadata() function through a custom theme layer. I'd probably have to show you how to set that up, if you wanted.