Feature image alignment

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

Author

Posts
June 19, 2013 at 9:43 am #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

June 20, 2013 at 10:33 am #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.
June 21, 2013 at 6:22 am #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.

June 24, 2013 at 2:29 am #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.
June 24, 2013 at 9:43 pm #135977

bigzhire
Member

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

Posts

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

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