unwrapping text/weeding out sidebar - Expressive and Mixit Layout Help — LiveJournal

Log in

No account? Create an account

Remember me

Forgot password

Facebook Twitter Google

Previous Entry | Next Entry

unwrapping text/weeding out sidebar

Sep. 1st, 2007 at 11:24 PM

themightybee

I'm a paid user working on Firefox 2. I'm currently customizing the "Books" theme using a theme layer, and I've got a few problems that need some solving. I've scoured the community's tags for hours, and while I've found a lot of solutions, there are still some things I'm unclear on. (I'm new to using layers, so a lot of what I'm reading is foreign!)

Entries: I couldn't find coding that would disallow text to wrap around the user icon. (It's my one pet peeve about the Expressive layout.) I found coding that positioned the text under the user icon, but that wasn't really what I was looking for.

Sidebar: I'd like to get rid of the calender and page summary. I found this post, but it's dealing with someone who used pre-existing custom text that I don't have.

Like I said, I've spent awhile going through the tags, and I'm fairly certain I couldn't find the solutions I'm looking for. If they are there, I'd love to be pointed in the right direction.

Here are the theme layer and style preview.

Tags:

Comments

( 27 comments — Leave a comment )

Sep. 2nd, 2007 03:57 am (UTC)

If you just want to remove modules from the sidebar, you can do that in the Custom Options->Sidebar tab, and just not select the calendar and page summary in the pull-down boxes.

This post has code in the first example that keeps the text from wrapping around the user icon by putting a big margin under it. Was that what you wanted?

Link | Reply | Thread

themightybee

Sep. 2nd, 2007 04:12 am (UTC)

I didn't relaize I could still use the customization wizard while using layers. Good to know!

I c/ped the coding on the post you linked to and I received the following compiling error:

Compile error: line 32, column 16: Unexpected token found. Expecting: [TokenPunct] = ;
Got: [TokenIdent] = gutter
S2::Node, S2/Node.pm, 144
S2::NodeSet, S2/NodeSet.pm, 42
S2::Layer, S2/Layer.pm, 53
S2::Compiler, S2/Compiler.pm, 27

Context

28:
29: #content { margin-top: 0%;}
30:
31: function print_entry(Page p, EntryLite e, Color bgcolor, Color fgcolor, bool hide_text) {
32: # Adds a "gutter" under the user-pic.
33: var bool showposter = false;
34: if (not $e.poster->equals($e.journal)) { $showposter = true; }
35:
36: var Comment c;

Link | Reply | Parent | Thread

Sep. 2nd, 2007 04:22 am (UTC)

Customization wizard stuff just goes into a User layer called "Auto-generated Customizations".

What comes before the #content line? It looks like you're trying to put CSS into a theme layer, but it doesn't work that way. Your layer isn't public, so I can't see what's going on.

Link | Reply | Parent | Thread

themightybee

Sep. 2nd, 2007 04:29 am (UTC)

Sorry about that! The layer should be public now.

Just incase it didn't work, this is everything before the #content line:

#header-inner {
background-image: url(http://pics.livejournal.com/disadulation/pic/0009d1q4);
height: 261px;
}

#header, #header-content {
background-image: none;
border-bottom: 0%;
}

#container-inner, #header-inner {
width: 940px;
}
#alpha {
width: 750px;
}
.layout-tw #alpha-inner {
width: 710px;
}

#header-name { display:none; }
#header-description { display: none; }
.nav { display: none; }

Link | Reply | Parent | Thread

Sep. 2nd, 2007 04:41 am (UTC)

Nope, still not viewable.
layerinfo "source_viewable" = 1;
Are you using the CSS in the theme layer (with the set custom_css = """ property, or in the Customization wizard?

Link | Reply | Parent | Thread

themightybee

Sep. 2nd, 2007 04:49 am (UTC)

I put it in the theme layer, as per this post. Should it have gone in the wizard?

Link | Reply | Parent | Thread

themightybee

Sep. 2nd, 2007 04:52 am (UTC)

Oh, wait. I think I read your comment wrong.

I put the "layerinfo" code in the theme layer.

Link | Reply | Parent | Thread

themightybee

Sep. 2nd, 2007 04:57 am (UTC)

Okay. I finally figured out that I wasn't supposed to be c/ping the function within the set custom_css. I pasted the code and no compiling errors occured, but the entry text is still wrapping around the user icon.

Link | Reply | Parent | Thread

Sep. 2nd, 2007 05:08 am (UTC)

You didn't add the bit of CSS from that tutorial that is before the code segment (the "asset-body" line).

Link | Reply | Parent | Thread

themightybee

Sep. 2nd, 2007 05:19 am (UTC)

I added it within the custom_css and it still isn't working. :/

Is this a lost cause or is there something I'm forgetting to do and I'm too dense to figure it out?

Link | Reply | Parent | Thread

themightybee

Sep. 2nd, 2007 05:28 am (UTC)

It's working! I didn't realize I had to add asset_body to both the theme layer and the wizard's custom CSS box.

I'm sorry I've been such a brainless pain in the ass!

Link | Reply | Parent | Thread

Sep. 2nd, 2007 02:14 pm (UTC)

Well, that would be the problem. It's explained at the bottom of this post; that if you're setting the same variables in both theme and user layers, whatever is in the user layer will take precedence. I like to put everything in the theme layer, delete the user layer, and never use the wizard, but if you want to keep using the wizard, it's easier to put only function overrides in the theme layer. Make sense?

Link | Reply | Parent | Thread

themightybee

Sep. 2nd, 2007 10:00 pm (UTC)

It does make sense, and I think I've finally got the hang of things. Thanks so much for your help!

Link | Reply | Parent | Thread

Sep. 2nd, 2007 11:07 pm (UTC)

You're welcome! Do you happen to have any suggestions on ways I can make the tutorials easier to follow or understand?

Link | Reply | Parent | Thread

themightybee

Sep. 3rd, 2007 12:03 am (UTC)

I think, for novices like me, the CSS and function codes are so new and foreign, that the length of them scares us. It helps when tutorials are presented in numbered, clear and concise steps. (A good example is the image map tutorial, even though I'm still managing to have problems!)

I also think that, once someone is successful with a couple of tutorials, customization itself becomes easier.

Link | Reply | Parent | Thread

Nov. 24th, 2007 11:37 pm (UTC)

OK, I'm having exactly the same problems as this user. I've added the code from the tutorial into a custom theme layer, but I see no change. I have no idea how to add the 'asset body' line into the theme layer without getting compile errors. Where do I put it?

http://vilakins.livejournal.com/?s2id=18141409

Link | Reply | Parent | Thread

Nov. 25th, 2007 02:01 am (UTC)

http://www.livejournal.com/customize/options.bml, click on Custom CSS at the bottom of the sidebar, and enter any CSS overrides in the big box labeled "Custom Stylesheet".

Link | Reply | Parent | Thread

Nov. 25th, 2007 02:09 am (UTC)

I did that. It just moves the text to the right but still wraps so I took it out. Where do I add it to the theme layer?

Link | Reply | Parent | Thread

Nov. 25th, 2007 02:18 am (UTC)

This is my third go at this. I think I'll give up and stick to Punquin Elegant despite its lack of features. :-P I must be thick.

Link | Reply | Parent | Thread

Nov. 25th, 2007 02:55 am (UTC)

It's not working because the style ID you gave me isn't using that code in its theme layer. I can verify that by checking the page source; that's why the CSS is pushing all the entry content to the right. If you want to put the CSS in the theme layer, add this line to it:
set custom_css = ".asset-body {margin-left: 106px;}";
But I'm still not sure what you're doing wrong. Is the theme layer where you're pasting the code the active theme for that style ID? Did you use the directions in this post?

Link | Reply | Parent | Thread

Nov. 25th, 2007 03:20 am (UTC)

I've set up the theme layer the way they say and it compiles with no errors.

OK, I just added
set custom_css = ".asset-body {margin-left: 106px;}";
to it and it works! I didn't have the whole command before; I was missing the front end. :-P

Thank you!

Link | Reply | Parent | Thread

Nov. 25th, 2007 03:35 am (UTC)

Hey, is there a customization to stop wrapping under the icon in the comments? :-P

Link | Reply | Parent | Thread

Nov. 25th, 2007 03:41 am (UTC)

Glad to hear it's working!
Actually, yes, there is, and it's much easier than the other method:
.comment-body {margin-left: 106px;}
(Goes in the same place as the other line.) Although, I don't know if it'll work in IE yet.

Link | Reply | Parent | Thread

Nov. 25th, 2007 03:53 am (UTC)

Oh cool, thank you! That works in Firefox. [fires up IE7 which I have to use at work] And they both work there!

Oddly enough, only the comment customization works in Opera which I occasionally use, but that doesn't worry me. :-)

Link | Reply | Parent | Thread

Nov. 25th, 2007 04:05 am (UTC)

Um... actually adding that line takes out the first customization in both Firefox and Opera. Bugger. Swapping the order makes the entry one work and not the comment one so it looks as if the second line overwrites the first. It works fine in IE7 though. Bah.

Link | Reply | Parent | Thread

Nov. 25th, 2007 06:14 am (UTC)

It should look like this:

set custom_css = ".asset-body {margin-left: 106px;}
.comment-body {margin-left: 106px;}";

Link | Reply | Parent | Thread

Nov. 25th, 2007 06:27 am (UTC)

Yay, that works! Told you I was thick. I plead my massive head cold. :-P

Thanks so much. And I love that icon.

Link | Reply | Parent | Thread

( 27 comments — Leave a comment )

!announcement [18]
!beginners guide [7]
!obsolete [13]
!tutorial [14]
$acct level
- basic or plus [18]
- paid or perm [67]
advanced [22]
bug [5]
- browser issues [24]
- lj issues [22]
comments [38]
- colors [12]
contribution [8]
css
- base themes [11]
- compatibility [3]
- guide [3]
- in layers [7]
- starter sheets [4]
entries
- background [11]
- blockquotes [9]
- divider [12]
- header [29]
  - colors [8]
  - font [5]
  - ornament [16]
- linkbar [44]
- links
  - colors [12]
- metadata [54]
- misc [19]
- overflow [4]
- sticky post [15]
- text [9]
  - font [6]
- timestamp [25]
- user icons [43]
footer
- image [5]
header [5]
- image [94]
- nav links [38]
  - colors [18]
  - font [16]
  - placement [29]
how to
- instructions [25]
lj icons
- security [10]
- userinfo [15]
misc [20]
- counter [5]
- extra content [9]
page
- alignment [10]
- backgrounds [24]
- borders [14]
- fonts [8]
- links [5]
  - colors [11]
- size [37]
- skiplinks [14]
- text
  - colors [4]
pageviews
- day [1]
- entry [9]
- friends [16]
- month [3]
- reply [7]
- tags [4]
- year [7]
s2
- theme layer [72]
sidebar
- backgrounds [21]
- borders [18]
- calendar [11]
- custom [35]
- designedby [3]
- headers [13]
  - colors [11]
  - font [4]
- linklist [8]
- placement [17]
- profile [13]
  - user icon [9]
- size [10]
- summary [8]
- syndicate [3]
- tags [23]
- text
  - alignment [3]
  - colors [12]