freshkids
Member
Posted 8 months ago #
I'm trying to work on this theme at curatedpuree.com , basically, because the images are so large I would like to block the text, so that it runs along slimmer margins than the image, because I will rarely be writing enough to make it look substantial. I've been playing around with the css, but no luck yet. Any suggestions?
You mean, you want to make the text margins narrower than the content block width?
freshkids
Member
Posted 8 months ago #
yes, basically so it always looks like a block quote, always moved all the way to the right
You can use the CSS float
http://www.w3schools.com/css/css_float.asp
for example
<div class="text-right">
.... your text .....
</div>
and add CSS like
.text-right {
float: right;
width: 200px;
}
find out what the content parent container ID is (we are using "post" here), so you can clear the float
#post {
overflow: hidden;
}
More info can be found about clearing float (newest technique) at
http://www.quirksmode.org/css/clearing.html
freshkids
Member
Posted 8 months ago #
I've had no luck with either