Aldro ([personal profile] aldro) wrote in [community profile] style_system2011-05-30 04:54 pm

Entry's User Icon

Currently, my entry's text is wrapped around the userpic. This causes things like a blockquote to sort of slip behind the userpic. I would like to change it so that the text doesn't go beyond the alignment of the userpic, if that makes any sense. What do I need to edit in my CSS?

matgb: Artwork of 19th century upper class anarchist, text: MatGB (Default)

[personal profile] matgb 2011-05-30 03:36 pm (UTC)(link)
Is this the code for the layout you are currently using on your journal? As it's not happening for me, so might be a browser issue.
winterfish: woman underwater tangled in medical equipment (Default)

[personal profile] winterfish 2011-05-30 09:34 pm (UTC)(link)
This should stop the entry content text from wrapping around the icon. (And also solves the centering issue you were having!)

.has-userpic .entry .contents {
	margin-right: 120px;
	padding-right: 2em;
}

.entry .userpic {
	float: right;
	clear: right;
	margin-right: -140px;
	text-align: center;
	width: 110px;
}

.entry .poster {
    margin-right: -140px;
}
winterfish: woman underwater tangled in medical equipment (Default)

[personal profile] winterfish 2011-06-01 05:03 pm (UTC)(link)
I got this to work for me:

textarea.textbox {font-size: 2em;}


Puting in a font-size in 'px' will work too, if you have a specific font size in mind.
got_swagger: (Default)

[personal profile] got_swagger 2012-07-26 06:35 am (UTC)(link)
Is there any way something like this would work on Practicality? Or possibly float it outside of the entry?
winterfish: woman underwater tangled in medical equipment (Default)

[personal profile] winterfish 2012-07-30 01:01 am (UTC)(link)
I'm not familiar with Practicality, so don't know how to float the icon outside the entry, though adding this:

.has-userpic .entry-content {
margin-right: 120px;
padding-right: 1em;
}


should stop the text from wrapping around the icon. (Change right to left if your icon's on the left.)