?

Log in

No account? Create an account

Previous Entry | Next Entry

Help With Mood Theme Image!

  • Apr. 15th, 2010 at 4:35 PM
Ugh! I really hate to be a bother, but I couldn't find anything in the list and tinkering with it wasn't getting any results... so hopefully someone can help.

Is there a way to move the image of the mood theme up so it is aligned with the top of the wording? Currently, it is like this:



And I want it to look like this (edited in photoshop):



Also-- is there a way to put a border around the mood theme icons?

Thanks in advance!

Comments

( 7 comments — Leave a comment )
av8rmike
Apr. 16th, 2010 02:24 am (UTC)
What I would do is a bit of a combo-S2-and-CSS fix. Look for this line in your Entry::print_metadata() function:

$currents = $currents + """<table border="0" class="asset-meta-table"><tr><td>$.mood_icon</td><td>""";

(Add in the highlighted text.) Then, add this line to your CSS:
.asset-meta-table td { vertical-align: top;}
dinahqueen
Apr. 16th, 2010 02:46 am (UTC)
Oh, yay! That's excellent :)

Now, is there a way to add a border, about 2px thick just around the mood icon picture?

And is there a way to force your tags to be on one line if you've only chosen two of them? Because mine is going on to a second line for no reason.
av8rmike
Apr. 16th, 2010 03:48 am (UTC)
Sure:
img.meta-mood-img { border: 2px solid #xxxxxx; }

Of course, change the xxxxxx to whatever color you want. For the tag list thing, it looks like the left margin on .asset-tags-list can't be less than the width of .asset-tags-header, which in your case is 13px. So, try increasing the margin to 13px.
dinahqueen
Apr. 16th, 2010 04:09 am (UTC)
Thanks! That worked like a charm. You're wonderful! I'll be sure to ask if I have any more questions, but I think my layout is finally approaching what I'd deem as perfect as I want it!
xyndarella
Jun. 9th, 2010 01:42 pm (UTC)
Hi there. I'm having similar problems with my tags. Here is an example:

This is two separate posts. Sometimes the tags go in one line like the tags on the second post, but entries with only two or four tags or some other number go onto the next line, like the first post in that picture.

This is what I have for the CSS in my custom theme layer:

.lj-currents ul {margin-bottom: 0px; margin-top: 20px;}
/* These two lines only necessary when using images as headers */
.asset-tags-header {padding-right: 2px; width:auto;}
.asset-tags-list {margin-left: 16px;}

I don't have a lot of knowledge of s2 or CSS, but I've been browsing through many of the posts here in the community for the last couple of hours (I originally wanted to know how to change the mood, music and tag icons and went from there). All of the solutions offered previously for the same problem that I am having do not appear to work. All of my tiny icons are 16x16px, I think. I opened them in my browser to get the height and width numbers.

The rest of my theme layer consists of the Mood icon to the left of metadata as well as the position fix of mood theme images that this comment is a part of the thread of.. as well as my CSS for my tinyicon replacement.

Would you be able to offer any advice on what I can do to fix my layout please? :)
av8rmike
Jun. 10th, 2010 01:35 pm (UTC)
For some reason, the little bit of padding and lack of width in .asset-tags-header is messing with the line breaks (I don't understand it, either). Try this instead:
.asset-tags-header {padding-right: 2px; width:16px;}
.asset-tags-list {margin-left: 18px;}
xyndarella
Jun. 10th, 2010 02:04 pm (UTC)
Thank you so, so much!

That has fixed my problem and my journal is close to exactly how I want it.

I also apologise for responding to a comment thread and not making an actual post myself. I thought it may have been more relevant to respond as I did, but in future I will make a new post.

Thank you again.
( 7 comments — Leave a comment )

Latest Month

March 2016
S M T W T F S
  12345
6789101112
13141516171819
20212223242526
2728293031  

S2 Help Communities

Tags

Powered by LiveJournal.com
Designed by chasethestars