I’m not using any galleries so it doesn’t matter if thats affected.

Also, i received an email saying there is a new update available, are you able to tell me where i look to see what the changes are?

Many thanks

Angus

You want to modify the first post in the blog page (post list)?
Updates are now added to the description page (bottom).

http://themeforest.net/item/aqua-responsive-multipurpose-wordpress-template/3649588

I’m running the theme on a multisite, with each site having a child theme of the ‘Aqua’ theme. I’ve decided to make one of the sites dedicated to ‘industry news’, so i was hoping to make the post list (index.php) so it’s styled a bit more like a ‘magazine’.

So I would like to style the first post differently from the others, which i guess would need different classes. This would then give me the flexibility to use the CSS to modify the styling, within my limited scope of ability! I’ve tried a couple of plugins for modifying layout, but i’m not too keen on the output, and i’d like to limit the number of plugins because i’m already using loads! I did spend some on google, and tried various bits of code before the ‘post loop’ started, but as i say, i’m fairly clueless with coding and i didn’t get very far!

I appreciate that you probably don’t provide support for theme modifications, but if you can offer any help it would be very appreciated.

Thanks & regards

Angus

So assuming you are targeting this page (your blog list):

http://blueowlcreative.com/wp/savia/blog/

you can easily get the first post item in the list by this selector (adding a border just to show you how it gets selected):

.post_item:first-child {
border: 1px solid green;
}

You can then further style the child elements like so for example:

.post_item:first-child .pic img {
max-width: 200px;
}

etc.

Don’t forget to add some differentiation for this specific page, otherwise all pages that use the index.php template will use the same styling. You can do that for example by adding the page ID to some of the top level elements on the page:

id="post-<?php the_ID(); ?>"

then targeting only the page with that id:

#PAGE_ID_HERE .post_item:first-child {
border: 1px solid green;
}

Good luck!

I’ve got a few more questions, but i’ll see how i get in with this first!

Many thanks for your quick help!

I managed quite a few changes, although i didn;t manage with specifying the page. I tried adding id=”post-<?php the_ID(); ?>” in various places, including directly before the ‘classes’. Any chance you could advise where on index.php i should put it? Also, what is the page id of the post/blog list page, which is the home page? I would also need the pade id of the categories page so i can style that it in the same way.

- on the blog/post list page, is it possible to have an excerpt instead of all the post content? with a longer excerpt for the first post?
- is there a way to limit the number of posts on the home page to 9?

Many thanks

Great job, looking so different now!
I would add the Id to this DIV:

<div class="row"> Around line 24 in the original index.php.

You can then see the source code of the page in question and see the ID that gets dynamically added by WP.
Then you can use that as a selector for your elements to target only this specific page.

Sure you can have an excerpt… In my Demo I am using THE MORE tag though.
You can modify the template anyway you please though.

The number of post items per page is set in your admin: Settings->Reading.

The problem is that the search results seem be displayed using the same page ID (317), so they are styled the same. Where as i’d prefer just to leave these listed in the default style. Would it be as simple as copying the contents of index.php and creating search.php? or would it need to registered somewhere?

Thanks