This is the official layout help community for the S2 layouts Expressive and Mixit. Everyone is welcome to join and post.

Before you ask for help, please browse through the tags to see if what you're looking for has already been answered. When you post, please provide as much information as possible (LJ-cut anything that's long) and tag your entry appropriately. Check the profile page for complete community and posting rules.

NEW! Search this community:

Search

Useful info:
tag usage guidelines
announcements, suggestions, and known bugs
Guide to Expressive and Beginners guides

UPDATES: (2010/03/17) The entry linkbar tutorial code has been updated to reflect "Tell a Friend" changing to "Share This!"
(2009/09/21) Tag clouds have been fixed to display in Firefox 3.5. See this tutorial for more information.
(2008/04/25) The thread expander code is now allowed in custom layers. Tutorial here updated.

I do not know if it's Firefox or my thrown together code. I just cannot get my navigation links to center. I believe what I need is in the code but I may be wrong. Is there anything I can add or take away to get this to work?

( My Thrown Together Code )

I've searched for this topic, but haven't seen it addressed. Forgive me if I missed it.

I am using Expressive Unstyled with custom CSS to drive it. The problem is that the comment subject lines are disappearing when collapsed. I want subject lines to appear in collapsed comments. I have custom comments turned ON.

( Screencaps of the problem )

( My CSS Code )



Thanks for your help and please let me know if you need any other information. :)

Hi, I managed to make almost everything I wanted while changing my new LJ thanks to this comm. I was left only with these things.

1. Entries - Header ornament: I would like to move the entry header text a bit to the right and adding this picture before it without moving of the black background behind the entry header. SOLVED!

2. Links - Color: I changed the color of all the links I wanted except the ones that are displayed at the top, when anybody who's logged in is viewing my LJ (here's a picture for what links I mean). SOLVED!

3. The first entry on my "Friends" page is lower than the first entry on my "Recent" page. I would like to push the "Friends" entries at the same height as are the entries on my "Recent" page. SOLVED!



WARNING: Adult content on my LJ.

Hello!

I've been working on a new layout (Mixit/Nevermore), and I've got one tiny problem I can't seem to fix.



The tags are aligning strangely when I end up with more than two lines worth. But it only happens on posts where a mood icon is displayed. Without a mood icon, the tags display fine, regardless of how many I use.

I'm using this print_metadata() override, with the following CSS:

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

Thanks! The entries in this community have been very helpful to me so far!

Hi all. I'm trying to follow the directions
here, here, and here and am ending up with various problems no matter how I can think to put the CSS pieces together.

Either I'll have only part of the green from the original Camo style but no custom image, or part of a custom image and part of the green... (ETA: I think right now it's showing all of my header and some green too) (second ETA: I tried some more stuff and then re-copied what I had below, and it's showing no green but a repeat of the custom header to fill up the extra space. And it was the same thing as before and a different result. I am sorta confused especially since the CSS-fu is not strong in me! :) )

Using Chrome... cftest111 is the comm and this is my current CSS... I think I just added everything together because I'm not sure how to combine it.

#header, #header-content { background-image: none; } #header { background: url(http://pics.livejournal.com/theeverdream/pic/0019efkk.png); } #header-inner { background: none; } #header-inner { height:300px; } #header-text { display:none }

Thanks for any help!

The title says it all--

I'm using a layout from The Fulcrum (Jeffrey is the Worst), which requires the mix it layout.  I'm using an @fontface font called Jennasue, which is pretty small at the usual pixel size.

I can increase its size everywhere else with no problem, but whenever I try to increase its size in the header area, the content area in which it's contained gets proportionally bigger (which I don't want.)

Is there any way to increase font size without increasing the corresponding content area?

Here's the relevant code (I think):  thanks in advance

Hi everyone;

Great site!

I would like to change the colour of the sticky post text, and quite possibly the font.  Can you tell me the proper css code to change or add?

thanks

(

SOLVED:  thanks

I've successfully relocated and refaced my Mixit ("Reading Sage") journal title, but I've been unable to change its size. It's likely just some silly error of mine, but I can't see that error. Can you? Thank you very much!

( the relevant CSS )

I've been unable to find this question answered in previous community posts by tag; please forgive me and point me in the right direction if I've missed it.

This isn't that important but it's still niggling me. I have a background image behind my usericons in entries using the code

.user-icon {padding: 8px 10px 10px 10px; float: right; margin-right: 3px; margin-left: 5px; margin-bottom: 10px; text-align: center;-moz-border-radius: 10px; border-radius: 10px; border: 1px solid #ffffff; background: url();}
.user-icon img {padding: 0px; }

This looks fine in my entry view as below



But in comments, it doesn't...



... the whole thing is smaller and the image itself is sited top right.

Does anyone have any suggestions as to how I can make the user icon sit square in comments? Any help much appreciated :)

Hello, I'm trying to make my normal style friendlier with general use due to the new default style changes.

I'm using Mixit/Nevermore, which has a big honkin' sidebar. I'd like to keep the sidebar for people who view my journal page, but hide it when I view my friends page or an entry page. A user in the community for the Floating Squares style asked a similar question, and was given the following code:

.lj-view-entry #sidebar, .lj-view-reply #sidebar {
display:none;
}

Is there similar code to use for Expressive, and if so, where should I put it?

Thanks for your help!

I've looked through the tags and did a search for this issue, and I found another person who had the same problem but there was no answer provided.

I'm using the "California Poppy" theme but I've noticed that there is not a link at the bottom of the page, or of my friends page, to display the previous 20 entries. There isn't a link for that anywhere. Does anyone know how to get that to display?

I've not added any sort of CSS at all.

I'm using a layout from thefulcrum - code here.

1. I used the tutorial here to move the mood icon to the left of the metadata, but it's left me with a gap between the currents and my tags. How do I reduce that gap so they're all spaced equally apart? FIXED!

2. In several of my entries the mood icon is also right up under the text of my entry - how do I space it further down? FIXED!

3. Is there anyway to change the case of the text for the music to all lower-case? FIXED!

4. Is there any way to remove the link for the Tags page in the profile box? FIXED!

EDIT: I could solve everything except for question 3 and I'm thanking a)  mad_jaks for having linked me the important entries and b) all users for having asked and answered the entries!

Ehr...does anyone maybe know how I can get rit of my user name that's shown on my lj header? I couldn't find any option anywhere to unclick my journal name or so. I'm sorry.
Thnx Thanx Thanx!

Hello!

I'm a novice at everything technical about lj but a lj friend recommanded this comm to me and I hope I'm not soundig too stupid with my questions which of I have hundreds but will only aks the most important ones.

Every help would be tremendously appreciated!

Am using Manga Fumi.

1.
Is there a way to move the the navigation links in my header (Recent Entries, Archive, Friends, User Info, Memories) out of my picture? IT disturbs the icture. My user name is shown there as well and I have no idea how to get rid of that, I don't need it.

2.
Can I change the font used for the entry titles, tags etc?

3.
Is there any way I could upload a picture that goes from one side to the other, meaning that it covers the entire length?

4.
How do I know which size a picture for the header I wanna make has to have so that it fits?

I'm so sorry and I thank you, deeply. I'm lost here and I'm grateful this comm exists!

I'm not sure if this is the correct place to ask this but the theme I'm using has expressive in the name somewhere so I imagine so.
I am not familiar with anything other than basic html and unfortunately this theme does not like that very much. When I create a table the attributes I specific (border, cellpadding, cellspacing etc) are ignored because of the theme's style settings.

I'm aware that these attributes are not really used anymore but I'm not sure how to do it otherwise. I have tried inputting a span style tag in the entry but that only applied a border around my table and when I added something like

table, th, td { border: 2px solid #ff0000; } in the css overrides box it applied it to the calendar too which ruined the look and created a secondary border around every cell.

Is there any way to specify somewhere that for an individual table I want each cell row and column to have a single 1px border with associated spacing and padding and not break other aspects of the layout?

Hi there. I am trying to change to a custom header in Expressive Cycling Green. The code I am using is this:

#header-inner {
background-image: url(http://i1042.photobucket.com/albums/b424/willowretreat/whispers.jpg);
height: 225px;
}
background-repeat: no-repeat;
background-position: top center;

Now, I know my header is not the right dimensions (I'm trying to upload a 940 px wide one to Photobucket but Photobucket is being a bitch and not letting me into my account ... so for now I'm stuck with this one) ... BUT the problem I'm having as you can see if you look at my LJ is that the title "Willow Retreat" is still showing ... and messing up my new header! Is there a way of getting rid of all of this stuff and just having my nice clean header showing?

Please help. Thanks so much!

P.S. I'm useless at html-speak and CSS-code speak so if someone could just give me the correct code to paste in, I'd be very grateful. Thanks again!

Could someone let me know what the right tags are for this entry so I can edit them?

****
ORIGINAL POST:

Sorry, but I did look at the tags but could not find anything that worked. I tried using the "tutorial" picture and tried all sorts of different codes but all I get is the main entry font to change colour.

I'm using Ocean Fish.

I'm trying to:

A) change the main "inner box" background from pink to white. I tried:

#content {
background-color: #ffffff;
background-repeat: repeat-x ;
background-attachment: fixed ;
}

This only works if I use:

#alpha {
background-color: #ffffff;
background-repeat: repeat-x ;
background-attachment: fixed ;
}

but then I have to add the same thing for #beta, and I'm still left with some pink. I tried with #gamma but it doesn't work.

B) change the font colour on the side bar (where the tags are listed.)

Many thanks.

****
All the above was solved but I'm left with one problem. When I hover over the list of tags at the bottom of my entries, the colour change to this solid orange block. I'd like to get rid of this please.

Hi guys!

I've been on Lj for ages, but just bought a paid account a few years ago, and finally decided to play around with my layout.
That being said, I haven't the hardest time figuring out how to change my friend's list into a different style than my journal.
I want to view my fl in a more basic style.
I also wanted to know how to stretch the middle column on my main page so that it is wider.



Thanks for any help!!

Hello :) First time poster here, first time ever attempting to edit a layout myself too. I've managed to make many of the changes I wanted thanks to the help given in previous posts but struggling on some aspects of the layout. I've gone through the relevant (I think) tags and tried several codes given to previous CSS virgins like me but none of them seem to have any effect on my profile /o\

The community I'm working on is here. This is just a Plus Account but once I've sorted the layout it will be transferred to another account which is Paid. Standard layout is Lovebirds for Expressive. My screencap software isn't working at the mo so hopefully I can explain my problems ok. I'm sure some of the points would be covered in ~one code but I don't know the technical names for each ~thing sorry. I also apologise for the tl;dr :p

Also, I'd want to do all this by adding CSS into the Custom stylesheet box rather than messing with layers and stuff if it's possible, as I know naff all about layers etc. And I have customised comment pages disabled so all the changes I only want to alter the layout ~outside the posts?

( All my code so far and what I want to change )

Hi, I'm having some Expressive trouble/questions that I couldn't find solved in the tags, so hopefully someone can help me. :) (this layout help would be used for the Plus account I'm posting in.)

Solved! 1. For my sidebar calendar, I would like the days with posts to have a full color background. Currently I have the coding set so that all of the calendar links have a color background, but it's not wide enough and I don't want the Calendar month and archive links to have a background as well. Is there a way to narrow it down? In the Flexible Squares layout it would be the .sbarcalendarposts code, but I don't know how that translates to Expressive.

2. Is there a way to move the sidebar advertisements so that they're at the bottom of the sidebar? Right now it seems there's a banner ad between my profile and calendar sections (Firefox blocks them though, yay), and another one at the end after page summary, but I would rather both ads be at the end.

No can do on basic/plus 3. This has been answered for the Paid accounts, but not for the basic/plus accounts. Is there CSS so that the sidebar profile/default user pic can link to the All Userpics page like in Flexible Squares? Or is that not possible without using a layer theme/Paid account?

Thank you!