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
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;}
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.
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.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? :)
.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;}
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.