Jump to content


Photo

Getting two new sidebars to line up horizontally

pagelines framework sidebars added horizontal alignment issue

  • Please log in to reply
2 replies to this topic

#1 daragh

daragh

    Member

  • Members
  • 21 posts
  • LocationDublin, Ireland
  • Framework Version:2.1.6 to 2.4.4
  • Country: Country Flag

Posted 18 February 2014 - 04:30 PM

Hi,

 

I've added two sidebars [Homepage Left SB and Homepage Right SB] using the following code (just showing the code for the left one...):

http://www.kennedycarr.com/test-page/

 
<?php
/*
	Section: Homepage Left SB
	Author: PageLines
	Author URI: http://www.pagelines.com
	Description: Shows full width widgetized sidebar.
	Class Name: HomepageLeftSB
	Edition: pro
	Workswith: templates, footer, morefoot
	Persistant: true
*/

/**
 * Homepage Left SB
 *
 * @package PageLines Framework
 * @author PageLines
 */
class HomepageLeftSB extends PageLinesSection {

	/**
	* Section template.
	*/
	
function section_persistent() {
	$setup = pagelines_standard_sidebar($this->name, $this->settings['description']);
	register_sidebar($setup);
}
	
   function section_template() {	
		pagelines_draw_sidebar($this->id, $this->name);
	}

Happily, both work perfectly.

 

My issue is this: I cannot get them to line up side by side - the second one seems to insist on appearing UNDER the first one.

 

I've tried some CSS with limited success as follows:

 
#homepage-left-sb .widget-pad{
float:left;
background-color:#99FFFF;
width:30%
}

#homepage-right-sb .widget-pad{
float:right;
background-color:#FFFF99;
width:30%;
}

#homepage-left-sb .fix:before , #homepage-left-sb .fix:after {
content:none !important;
clear:none !important;
}
#homepage-right-sb .fix:before , #homepage-right-sb .fix:after {
content:none !important;
clear:none !important;
}

It does put the right one to the right of the screen, but again, it's to the right AND UNDER the first one. What I want is them to appear side by side, one on the left, one on the right at the same vertical starting point.

 

I did post this in the iBlogPro form but feel it's not necessarily an iBlogPro issue, more of a Pagelines issue and I'll mark that one as closed / resolved just to avoid duplication. Also I felt that this is more likely to be seen more quickly here. Apologies if this causes any issue - I'm under pressure here.

 

Very much hoping that there's some simple CSS I've just not spotted.

 

Any help very much appreciated.

 



#2 daragh

daragh

    Member

  • Members
  • 21 posts
  • LocationDublin, Ireland
  • Framework Version:2.1.6 to 2.4.4
  • Country: Country Flag

Posted 18 February 2014 - 04:46 PM

For completeness, the previous topic I'd started on this is here:

 

http://forum.pagelin...p-horizontally/

 

but I've marked it as resolved to avoid duplication.

 

Again, any help on this hugely appreciated - seems such a simple thing to want to do - and yet...



#3 James B

James B

    Advocate

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

Posted 19 February 2014 - 12:43 AM

Hi there, I've answered this on your previous thread as I saw that one in the queue before this one.







Also tagged with one or more of these keywords: pagelines, framework, sidebars, added, horizontal, alignment, issue