custom 2-column page template

  • Resolved jknetdesign

    (@jknetdesign)


    12 years ago

    What file do I edit to create custom divs for the 2-column template?
    https://growersice.com/products/

    I tried this CSS with page ID.
    It’s not taking it, but I would rather create a page template.

    .page-id-6 .layout-two-column #main {
  width: 610px;
}
.page-id-6 #main, .layout-three-column #main {
  margin-left: 350px;
}
.page-id-6 #leftcol {
  width: 288px;
}
Viewing 4 replies - 1 through 4 (of 4 total)
  • Theme Author Chip Bennett

    (@chipbennett)

    What exactly are you trying to do?

    Note that the layouts aren’t custom templates, but are implemented via custom post meta. It’s all done via CSS from there, so if I have an idea of what you’re trying to accomplish with the change, I can probably point you in the right direction.

    Thread Starter jknetdesign

    (@jknetdesign)

    I’m not familiar with this post meta method. I just want to adjust the width and maargins of some of the divs on just this page.

    link

    Theme Author Chip Bennett

    (@chipbennett)

    If you just want to target Page ID 6, you just need to change your CSS selector slightly. Try this:

    #page.page-id-6.layout-two-column #main {}
#page.page-id-6.layout-two-column #leftcol {}

    Note that #leftcol is positioned using a negative margin-left value.

    Thread Starter jknetdesign

    (@jknetdesign)

    Got it thanks.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘custom 2-column page template’ is closed to new replies.