Jump to content


Photo
- - - - -

How Do I Put The Twitterbar In A Sidebar (Sb1) In Pagelines 2.3.3?

twitterbar sidebar

  • Please log in to reply
11 replies to this topic

#1 ttownsend

ttownsend

    Advanced Member

  • Members
  • 39 posts
  • LocationOttawa, Ontario, CANADA
  • Country: Country Flag

Posted 11 December 2012 - 10:52 PM

Hi all,

 

First off, I really like how easy Pagelines is to use and configure - I'm creating my soon-to-be-blog pretty easily!

 

I have a quesiton - I would like to move the Twitterbar from the Morefoot to Sibedar1, but I cannot see where to do this - does anyone know how this can be done?

 

Many thanks,

Trevor



#2 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 11 December 2012 - 11:53 PM

Trevor, we're up to 2.3.8 as of today, so perhaps an update is in order.

 

If you go to Dashboard > PageLines > Store > Sections > Top Free, you'll see Twitter Bar. You can implement that very easily in the sidebar by just dragging the widget it creates from Dashboard > Appearance > Widgets in the Available Widgets area into the sidebar that you have in SB1, presumably Primary.

 

The section will list the last three tweets from your site.

 

The actual Twitter bar cannot be included in the sidebar.

 

We also offer a premium section " Twitter All-In-One" also works pretty well.



#3 ttownsend

ttownsend

    Advanced Member

  • Members
  • 39 posts
  • LocationOttawa, Ontario, CANADA
  • Country: Country Flag

Posted 12 December 2012 - 12:37 AM

Hi Egg - that's too bad because I like the neatness and tidiness of the included twitterbar.  Does the one you suggest display the same way?

 

Many thanks,

Trevor



#4 James B

James B

    Advocate

  • Moderators
  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 12 December 2012 - 12:40 AM

Hi there, unfortunately it doesn't display as a ribbon/bar effect. The link to the section is here -

Please Login or Register to see this Hidden Content

 

You might be able to find a third party plugin which acts like the twitter bar on

Please Login or Register to see this Hidden Content



#5 ttownsend

ttownsend

    Advanced Member

  • Members
  • 39 posts
  • LocationOttawa, Ontario, CANADA
  • Country: Country Flag

Posted 12 December 2012 - 01:00 AM

All of these seem to be really good options, but not as tidy as the twitterbar in Pagelines natively.  Is it possible, at all, to move it higher on the page?  Perhaps just above the navbar?

 

Many thanks,

Trevor



#6 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 12 December 2012 - 04:34 AM

Trevor, depending on which option you use, and how it's applied, you may be able to insert something you like below the NavBar or right above the Content.  It really depends on how it's implemented and what available sidebars you have.



#7 ttownsend

ttownsend

    Advanced Member

  • Members
  • 39 posts
  • LocationOttawa, Ontario, CANADA
  • Country: Country Flag

Posted 12 December 2012 - 04:11 PM

Hi Rob,

 

Is there no way to simply move the twitterbar included with Pagelines to right above/on-top-of the navbar?  Perhaps there is some custom code or something that would be able to do this?  I reason that if it can be located in the Morefoot section then it should be able to be located anywhere on the page regardless of whether Pagelines' UI allows for it.  This is a fairly serious design detail for my site and design wins over code every time.

 

Best,

Trevor



#8 catrina

catrina

    Advocate

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

Posted 12 December 2012 - 05:38 PM

The margin-top property in CSS can be used to move it all the way up.



#9 ttownsend

ttownsend

    Advanced Member

  • Members
  • 39 posts
  • LocationOttawa, Ontario, CANADA
  • Country: Country Flag

Posted 12 December 2012 - 05:40 PM

Hi Catrina,

 

I conceptually "get" CSS, but haven't done very much editing at all.  I'm alright doing it carefully, however.  I have to do things like this myself being an solo entrepreneur.

 

If you have the time, could you give me a basic walk-through?  I would be most grateful!

 

Best,

Trevor



#10 catrina

catrina

    Advocate

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

Posted 12 December 2012 - 06:22 PM

There is actually documentation here on how to use Custom CSS:

Please Login or Register to see this Hidden Content

There is also a reference here about margin-top:

Please Login or Register to see this Hidden Content



#11 ttownsend

ttownsend

    Advanced Member

  • Members
  • 39 posts
  • LocationOttawa, Ontario, CANADA
  • Country: Country Flag

Posted 12 December 2012 - 06:25 PM

Hi Catrina - thanks, but the first link has no content and I don't know where to begin with the information in the second link.

What CSS file/file(s) are you referring to?  What am I trying to do by editing them?



#12 James B

James B

    Advocate

  • Moderators
  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 13 December 2012 - 01:34 AM

The first link Catrina sent you should be

Please Login or Register to see this Hidden Content

the full stop at the end of the sentence got stuck onto the link.

 

However, I wouldn't advise moving this section from the morefoot into the sidebar with css, if you're sites responsive you could get some strange results on mobile devices. Using a twitter plugins in the sidebar and styling to match the layout of the twitterbar might be an easier option.

 

The section you're wanting to move isn't a widget and therefore wouldn't go inside the sidebar without some serious customization. You can suggest this as an update for future editions here -

Please Login or Register to see this Hidden Content

 

If you need someone to code this as a widgetized area, I'd suggest contacting a Pagelines Pro at www.pagelines.com/pros/ unfortunately as we're not developers we wouldn't be able to assist you in coding a new section.