1

[Dhurander]

Dhurander

#3311

Hi Friends,

I am new to the website development but have done lots of Windows programming. I have started setting up a website using WordPress and Graphene theme. So far loving it.

Now here is a question … ideally I would like to setup a static home page (with slider) and a separate section for blog (with or without slider). I do want both of these pages to have a consistent look (Graphene theme look). I have seen this on Prasanna’s website. I am wondering is this hard to do? If no, can you please guide me to right posts, links.

Thanks, I appreciate your help.

My website is at http://www.MagarpattaOnline.com

Dhurander

[John McCubbin]

John McCubbin

#24309

In your dashboard go to Settings > reading and choice static home page

[Dhurander]

Dhurander

#24310

Thanks.

I was able to achieve the basic functionality after reading the following post on Prasanna’s blog,

How to enable Homepage Panes in Graphene Theme

Now the question is, is it possible to have a different layout for the home page and a different layout for the blog/posts pages?

Please see my website at http://www.MagarpattaOnline.com … ideally I would like

– a single-column layout for the static page (welcome) and a two-column layout for the blog page

– show footer only on the blog and no footer for the home page

I would appreciate any help in this regard.

Thanks

Dhurander

[Anonymous]

Anonymous

#24311

You need to create another blank page (Call it “Blog”). Then go to Settings –> Reading Settings and select “Blog” page in “Posts Page”

– a single-column layout for the static page (welcome) and a two-column layout for the blog page

Edit the static front page and select “One column, no sidebars” template.

To remove footer on front page,

.home #footer {

display: none ;

}

[Dhurander]

Dhurander

#24312

Thanks Prasanna.

Setting the “one column, no sidebars template” solved my first issue.

Awesome.

Adding the following code did hide footer on my home page,

.home #footer {

display: none ;

}

However what I want to hide is the Footer widget area (sorry I was not very clear before).

Also, on the Home page is it possible to put the Welcome text first and then the slider?

Thanks again for all your help.

Dhurander

[Anonymous]

Anonymous

#24313

#footer {

display: none;

}

Should hide the whole footer.

[Anonymous]

Anonymous

#24314

Add this,

.home #sidebar_bottom {

display: none;

}

@Tee_888 he wants to hide footer widget area only for the frontpage, not the whole footer from the site.

[Dhurander]

Dhurander

#24315

Thanks Prsanna!

As always, right on the bull’s eye. 🙂

From the answers you gave me in last few days I am very impressed by the power of the CSS and the Khairul Syahir for writing such an extensible theme. Is there a DOC or a post which lists these objects (#footer, #sidebar_bottom, .home, etc.) and their properties (disaply, background, margin-top etc)?

Thanks.

Dhurander

[Anonymous]

Anonymous

#24316

Is there a DOC or a post which lists these objects (#footer, #sidebar_bottom, .home, etc.)

You can use firebug ( https://addons.mozilla.org/en-US/firefox/addon/firebug/ ) firefox extension to inspect the CSS. Another useful tool is Web developer – https://addons.mozilla.org/en-US/firefox/addon/web-developer/

Josh has a wonderful video tutorial on firebug – http://www.joshlobe.com/2011/10/using-mozilla-firebug-to-inspect-css-files/

[Anonymous]

Anonymous

#24317

Hey! Another tip. If you want to hide that Welcome page add this to custom CSS.

.post-41 {

display: none;

}