Jump to content


Photo
- - - - -

how to add sidebar to banner page


  • Please log in to reply
12 replies to this topic

#1 auroh

auroh

    Newbie

  • Members
  • Pip
  • 8 posts

Posted 08 March 2011 - 04:45 AM

one of my page is using banner template and i want to add sidebar to this page, can i add it? In the page using default template the sidebar content is coming up automatically. How do i control the appearance of sidebar in different template pages?

#2 bryan-hadaway

bryan-hadaway

    Advocate

  • Members
  • PipPipPipPipPip
  • 3697 posts

Posted 08 March 2011 - 07:21 AM

Can I see a link to that page? Have you looked at the section control when editing that specific page? Thanks, Bryan

#3 auroh

auroh

    Newbie

  • Members
  • Pip
  • 8 posts

Posted 08 March 2011 - 04:59 PM

Hi Bryan, thanks for your concern. Here is the page link

Please Login or Register to see this Hidden Content

. And, as you said, i had a look at the section control for that specific page, but nothing was in 'hide' mode. In general page setup of that specific page, the layout mode is chosen as 'one sidebar on right', as i did for the home page, which is reflecting the sidebar content.

#4 cmunns

cmunns

    Advocate

  • Members

  • 6537 posts
  • Country: Country Flag

Posted 08 March 2011 - 08:21 PM

You have sidebars on that page they are just further down because banners are a full-width section which is probably what you're trying to avoid?

#5 auroh

auroh

    Newbie

  • Members
  • Pip
  • 8 posts

Posted 09 March 2011 - 06:25 AM

Hi Adam, you are right, i am trying to put them next to banners, and not below the banners. I guess both 'box page' and 'banner page' are not allowing the sidebar to appear next to them, as they are full-width. But these two are the good ways to display content in a organized manner. I want to make use of this good feature along with the sidebar facility, appearing next to them. If you look at

Please Login or Register to see this Hidden Content

, i manually put the content in the body section of the wordpress 'page' creating interface and add some css to look good, bcoz i want the sidebar to appear next to the content and as u know this page is using 'default page template'. I want the same thing but instead of hardcoding the content-part manually, i want it to push by the 'banner page' or 'box page' features. I suggest, as the name says let the 'sidebar' be 'side' to any content next to it. To have the content float below, we can give some other name and make it as a separate feature, this is just my opinion. I guess universal and full width sidebars are doing this job.

#6 bryan-hadaway

bryan-hadaway

    Advocate

  • Members
  • PipPipPipPipPip
  • 3697 posts

Posted 09 March 2011 - 06:38 AM

Let's try this:

`
#banners .banner-area{width:640px}
#banners .clear{display:none}
`
If that doesn't work, add this additional line as well:

`.page-id-18 #sidebar-wrap{margin-top:-470px}`

Add to Custom Code > Custom CSS btw.

Thanks, Bryan

#7 auroh

auroh

    Newbie

  • Members
  • Pip
  • 8 posts

Posted 12 March 2011 - 01:42 PM

Thanks Bryan, Finally it has come, with little more css for the banner content, i mean the paddings between image and the text, will fix it, anyhow i will try to adjust it using firebug, thanks once again. Can we do the same technique for the box page also? bcoz i want my sidebar to appear throughout my site. Any help in this regard will be great.

#8 auroh

auroh

    Newbie

  • Members
  • Pip
  • 8 posts

Posted 12 March 2011 - 02:48 PM

Ohh, seems like i got a new issue on the banner page. The side bar is restricted to the last 2 banner posts, let me put the

Please Login or Register to see this Hidden Content

, so that u can understand it better. All the banner posts are having the same settings with 80% width and left aligned images.

#9 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 12 March 2011 - 07:22 PM

From what I can see, the sidebar is also pushed down a bit. Do you see that?

#10 auroh

auroh

    Newbie

  • Members
  • Pip
  • 8 posts

Posted 13 March 2011 - 07:04 AM

Yes, it is the sidebar, that i am also trying to point out. Till two posts it is staying in the right position, the moment i add one more post, it is moving downwards.

#11 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 13 March 2011 - 04:58 PM

What CSS (other than the CSS posted above) did you add if there is any at all? It might have to do with the width of the sidebar....

#12 auroh

auroh

    Newbie

  • Members
  • Pip
  • 8 posts

Posted 14 March 2011 - 03:36 AM

Nothing, no additional CSS is added other than the CSS posted above, suggested by Bryan, no other code changes were done.

#13 Kate

Kate

    Advocate

  • Members
  • 3039 posts

Posted 14 March 2011 - 01:48 PM

Hi Venkat, Have you tried Firebug? I definitely recommend it. The issue here is the width of the "banners" div. You'll have to adjust that, and possibly use a "float" on it.