Magazin template

[Amit]

Hi
My homepage was created using the magazine template: http://www.rng.org.au/

A few design questions about the magazine homepage:
1. How can I move the image from the head of each excerpt into the body of the text (e.g., as a thumbnail in the upper left corner of the text, as in the 'full story' pages)?
2. How do I control layout and typography of the excerpts?
3. Can I use a different body background in the homepage (i.e. one background image for the homepage and a different one for the rest of the site)?

Thanks!
Amit

[drake]

1. I saw that you solved.
2. Wordpress strips any HTML formatting in automatic excerpts, so you will need to make your own manual excerpts instead of those generated automatically by Wordpress. If you don't see the "Excerpt" field in Edit Post/Page screen, click on Screen Options button in top-right corner of screen (below "Howdy, Admin") and check "Excerpt" checkbox in the list opened. Furthermore, if you wish, can install TinyMCE Excerpt plugin and you will have a Visual Editor for excerpts. (or use this simple hack in a child theme: http://italkless.com/wordpress-hack-add ... cerpt.html).
3. Set at Skinning the background for whole site. Then add at Suffusion Options -> Backend -> Custom Includes -> Custom Styles:

Code: Select all

.home body {background:url("http://yoursite/pathtonewimage/newimage");}

(See at w3schools all properties and syntax for background definition.)

[Amit]

Thanks, done it but it doesn't work...
Can you please have a look?

[drake]

This will work. Add at Custom Styles:

Code: Select all

.page-id-53 {background:url("http://yoursite/pathtonewimage/newimage");}

[Amit]

Thank you. It works!

Can you tell me how to eliminate the white space between the navigation bar and the widgets?

Thanks again!

[drake]

Add at Custom Styles:

Code: Select all

#content {padding-top:0; margin-top:-10px;}

Adjust -10px to suit - a negative value will decrease white space, a pozitive value will increase the distance.

[Amit]

Thanks!
I've got two more problems now. The url is still http://rng.org.au/
1. I chose 1 Left Sidebar layout with custom template and marked Sidebar 1 with the word 'left'. How can I align it to the left (below the logo)?
2. How can I get the background image to stretch to the full length or any browser window?

Thanks again!
Amit

[drake]

Your sidebar is left aligned now. But, you choose to have a fluid layout with 600px min-width and 1200px max-width AND actual width restricted to 25%. So your sidebar is on the left in these 25 percents of screen. Increase max-width to an insane one (30000px by eg), and move the slider for width of page to the right over 95% and your sidebar will come on the left of entire screen.

For the other question I already answered in your other topic: viewtopic.php?f=4&t=9069&p=36263&hilit=background+image+fit#p36619

It works for sure, you can see all those settings in action at http://www.nathanaelbos.nl or at http://www.rembrandthoeveamsterdam.nl

[Amit]

Re the background:
I followed your instructions and they work for the rest of the pages, but not for the home page.
It probably has something to do with this piece of code that I added in order to have a different background image on this page:

Code: Select all

.page-id-53 {
background:url("http://rng.org.au/wp-content/uploads/2012/05/rightbar.jpg");
background-repeat:no-repeat;
background-position:right top;
background-size: auto 100%;
}

Now what should I add here?

Thanks a lot!

[drake]

Add in the above definition just a new line:

Code: Select all

background-attachment:fixed;