WordPress.org

Ready to get started?Download WordPress

Forums

Simple Catch
Simple Catch footer: text wrapping around logo (7 posts)

  1. gruagach
    Member
    Posted 1 year ago #

    Hi,

    I would like the copyright section of my footer to look like this:

    Logo texttexttexttexttexttext

    (i.e. with the logo to the left and a paragraph of text to the right of the logo)

    ...but the final couple of text lines snap back to the same left margin as the logo like this:

    Logo texttexttexttexttexttext
    texttexttexttexttexttext
    texttexttexttexttexttext

    I have tried all sorts of peculiar float/clear/position/relative/absolute combinations but haven't found a way to fix it yet.

    What do I need to add to the css in my child theme to correct this little alignment problem?

    Cheers,
    G

    http://wordpress.org/extend/themes/simple-catch/

  2. esmi
    Theme Diva & Forum Moderator
    Posted 1 year ago #

    Unless you provide a link to a page demonstrating the problem, no one will be able to offer much in the way of assistance.

  3. gruagach
    Member
    Posted 1 year ago #

    Sure: I'll send a link to an example later. Cheers!

  4. gruagach
    Member
    Posted 1 year ago #

    This is the page we're having problems with: http://ashfordarchhist.org/?page_id=5

  5. Andrew Nevins
    Barrel Rider, Spam Zapper & Volunteer Moderator
    Posted 1 year ago #

    Have you resolved the issue?
    Although your image is blank, it seems to be positioned correctly.

  6. gruagach
    Member
    Posted 1 year ago #

    Thanks for your reply!
    The blank image is indeed positioned correctly but the final two lines of text are wrapping under the image. I would like all of the text to be indented/have the same left margin - i.e. I would like the 'i' of 'intended' and the 'H' of 'Historical' to be in line with the 'C' of 'Copyright' and the 'T' of 'Trademarks'...if that makes sense.

    Cheers,
    g

  7. Andrew Nevins
    Barrel Rider, Spam Zapper & Volunteer Moderator
    Posted 1 year ago #

    In that case I would wrap your text aside of the image, in a paragraph.
    E.g

    <p>
    Copyright © 2012 <span>Ashford Archaeological and Historical Society</span>. All Right Reserved. Trademarks and copyrights are the property of their respective owners. No infringement intended. Links to external websites are provided for your information only; Ashford Archaeological and Historical Society is not responsible for the content of any external website. Visit our <a href="http://www.dream-hosting.co.uk/">web host</a>.
    </p>

    Then apply left floats to both the image and paragraph.
    E.g

    .copyright img {
     /* Display Block needed for float left */
     display: block;
    }
    
    .copyright img,
    .copyright img ~ p {
     float: left;
    }

    Then give your paragraph a slightly smaller width, so it can fit alongside the image.
    E.g

    .copyright img ~ p {
     width: 500px;
    }

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic