WordPress.org

Ready to get started?Download WordPress

Forums

Playing with the margin, blocking in text (5 posts)

  1. freshkids
    Member
    Posted 1 year 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?

  2. David Choi
    Member
    Posted 1 year ago #

    You mean, you want to make the text margins narrower than the content block width?

  3. freshkids
    Member
    Posted 1 year ago #

    yes, basically so it always looks like a block quote, always moved all the way to the right

  4. David Choi
    Member
    Posted 1 year ago #

    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

  5. freshkids
    Member
    Posted 1 year ago #

    I've had no luck with either

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags