2

[Anonymous]

Anonymous

#24147

Homepage panes or child pages in two columns?

[John McCubbin]

John McCubbin

#24148

soory dont understad i have a page which is not my home page and it has pages parented to it it currently shows:

Main page

Page 2

Page 3

Page 4

Page 5

I want it to show:

Main page

page 2 page 3

page 4 page 5

how do i do this

[John McCubbin]

John McCubbin

#24149

using the child page you where on about

[Anonymous]

Anonymous

#24150

Tweaking width and positioning in CSS.

[John McCubbin]

John McCubbin

#24151

i think il give up as i dont have enough knowledge od css do tamper with it like this

[Anonymous]

Anonymous

#24152

Learn CSS first. You can’t customise a website/theme without enough knowledge of PHP and CSS.

[John McCubbin]

John McCubbin

#24153

yeah but i thought there would maybebe custom css or a plugin for it

[John McCubbin]

John McCubbin

#24154

plus i know about css i just am not going to tamper with it and break my site for this

[Kenneth John Odle]

Kenneth John Odle

#24155

@John McCubbin:

Earlier I suggested you try Kalin’s Post List plugin to achieve this effect. It would require that you use use pages in a custom menu instead of categories (which is what I am gradually transitioning to; it makes a world of difference and is a lot easier to customise).

I created a test page that demonstrates this here: http://blog.kjodle.net/2012/02/16/test-post-for-john-mccubbin/

You say you know CSS, so I won’t go too heavily into the details of that. All you really need to do is to adjust the .k_ul, .k_li, .k_a, and .k_a:hover styles from the plugin settings page.

Take a look at that page, take a look at that tutorial, and if you try this and need some help tweaking it, let us know.

[Kenneth John Odle]

Kenneth John Odle

#24156

For what it’s worth, after about ten minutes of playing around with this, I am using this for the “Before list HTML” bit:

<style>

.k_ul{width: 570px;text-align:center;list-style-type:none;}

.k_li{border:1px solid #2273b9;width: 260px; height:150px; float: left; padding:3px; margin:5px;

-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;

-moz-box-shadow: 0 0 10px #2273b9;-webkit-box-shadow: 0 0 10px #2273b9; box-shadow: 0 0 10px #2273b9;}

.k_a{display:block;text-decoration:none;font-weight:bold;width:100%; height:65px}

.k_a:hover{border:1px solid #00f;background:#00f;color:#fff;}

.k_a:active{background:#f00;color:#fff;}

</style><ul class="k_ul">

and this for the “list item content” bit:

<li class="k_li"><a class="k_a" href="[post_permalink]">[post_title]</a><br />[post_excerpt length="100"]</li>