Jump to content

Archived

This topic is now archived and is closed to further replies.

dchetson

Page Layout

Recommended Posts

dchetson+    2
dchetson

My website is www.chetson.com and I am trying to create a layout like this site: http://www.kurtzandblum.com/, namely that the left sidebar is flush with the nav bar, and then there's a picture to the right and then content and the right sidebar just underneath the picture.

 

Struggling to do this as it seems you can't have a column within a column?

 

Thanks in advance for the help.

Share this post


Link to post
Share on other sites
James B    436
James B

Hi there, I've created something similar doing the following.

 

Add a two column section. Size the left to the width you want the sidebar, and the right to the rest of the content. Enter the sidebar in the left and on the right enter media box for your image. Then add in your iboxes and the other sidebar section into the right area, these will then display once under the other. Using the section width options shrink the sidebar section and the iboxes section so they fit into the same space. For example the whole section would be twelve, so set the iboxes to width 8 and sidebar to width 4, you'll see the sidebar moves up to fill the space next to the iboxes.

 

http://screencast.com/t/TJmTcEVKg


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
dchetson+    2
dchetson

Tried this previously, but the problem is that I have multiple widgets I'm trying to stack on the right side, and this solution only allows me to choose one thing to have in the right "column." Is there any way to have what is essentially a size bar on the right side with multiple widgets that is under the picture?

 

I made the progress you suggested in my sandbox site, which is www.chetson.net.

Share this post


Link to post
Share on other sites
GetMeWebDesign+    115
GetMeWebDesign

dchetson"] You need to create more sidebars with 'Sidebar Manager Light'. To the new sidebar add as many or few widgets, as you would with your primary sidebar . Where @[member="James B mentions adding a sidebar, you are, in fact, adding a widgetized section that will hold your new sidebar.


Chrome Developer tools - please use them. If you are not sure how, then it is easy to learn

Be inventive in your keyword search of the forum ie Navi > Navbar > menu > tabs > font > color. Your answer lies there somewhere!

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

Yup, just use the Widgetizer section and this should make creating that layout a breeze.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites

  • Similar Content

    • DonRicardoRVM
      By DonRicardoRVM+
        First of all, sorry for my bad English.  I am developing an ecommeece with wp, woocommerce, PL5 and quickshop, and I need to do some changes in the simple product grid. I want to change the classes of some divs, but I can't find the templates. 
      Also, I change the grid of the category products pages, but I didn't make it correctly.
      This is the cat archive's: http://globosdemar.com/wp/categoria-producto/camisetas-para-ninos-y-ninas/
      Can you help me?
    • dbrowne02
      By dbrowne02+
      Hi, I am trying to figure out how to create columns where the text flows into the next column, like the attached, and am flummoxed. Does anyone have any ideas? 

    • Anthony King
      By Anthony King+
      I have to say that I like the Layout and the Template based sections. Some of them are really impressive.
      One of the things that I would like to request though is the possibility of being able to dynamically rearrange the layout.
      An example of what I am talking about is take the Agency Section. It's current layout starts with the
      Splash Module then the Portfolio Module then the Service Module and so on and so forth.
      What would be great is if we were able to move these modules around. I.e have the Service Module first
      then maybe the Splash, and then the portfolio.
       
    • Queue-it
      By Queue-it+
      Hi,
      Is is possible to have different layouts for different Post categories? We have Blog posts, News posts and Case studies that all are posts, but is it possible to differentiate their layouts?
      So far when I change a post layout it affects all Post type pages. Could it be done somehow with creating a separate template? 
      Examples below
      https://queue-it.com/news/
      https://queue-it.com/blog/
       
    • huskers2011
      By huskers2011+
      Although my layout in edit view is correct, when I look at the page the layout is wrong. I have moved the sections around and the layout remains the same when I view it. Im using 
       PageLines Platform 5 - v5.0.162 running a Pageline theme &  Wordpress version 4.6.1
      The page is http://kwamedawes.com/speak-from-here-to-there-the-dialogue/ the section order is incorrect. and
      http://kwamedawes.com/speak-from-here-to-there-the-poems/ top section is laid out like the bottom section, but displays as shown.
       
      Thanks for any help.
      Lorna
×