Feature image alignment

Home Forums Automattic Funki Feature image alignment

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #107206 Resolve

    bigzhire
    Member

    Hi, I’m running the Funki theme and are trying to get the main image to line up right under the horizontal line under the menu bar – like the site examples using this theme. I only have CSS to edit. Any help is greatly appreciated!

    The blog I need help with is bigzhire.wordpress.com
    #135839

    Michael Fields
    Member

    Hello,

    The following markup is being used to generate the image on your Front page:

    <img class="alignnone wp-image-146" alt="Kanga for Hire" src="http://bigzhire.files.wordpress.com/2013/06/bzlr1.jpg?w=990&h=480" width="990" height="480">

    To fix the image so that it is responsive (and aligns at all browser widths), add a class of “size-full” to the image. Here is an example of this:

    <img class="alignnone size-full wp-image-146" alt="Kanga for Hire" src="http://bigzhire.files.wordpress.com/2013/06/bzlr1.jpg?w=990&h=480" width="990" height="480">

    Please let us know how this works for you.

    #135870

    bigzhire
    Member

    Hi, thanks for the tip about the image, it works well. I’m trying to remove the space between the main nav bar and image so that the image touches the bottom of the black horizontal line. Many thanks.

    #135933

    philiparthurmoore
    Member

    @bigzhire: Try this:

    body.page-template-full-width-page-php #main .content-area {
    margin-top: 0;
    }
    .site-header {
    margin-bottom: -20px;
    }

    Hope that helps.

    #135977

    bigzhire
    Member

    Brilliant, worked a treat! Thanks so much for your help.

Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘Feature image alignment’ is closed to new replies.