Jump to content

Archived

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

daragh

Getting two new sidebars to line up horizontally

Recommended Posts

daragh

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.

 

Share this post


Link to post
Share on other sites
daragh

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

 

http://forum.pagelines.com/topic/32847-have-successfully-added-two-new-sidebars-cant-get-them-to-line-up-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...

Share this post


Link to post
Share on other sites
James B

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


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

  • Similar Content

    • Kedark
      By Kedark+
      Hello, I need help. Can and how to do it. I need to add more page appearance templates (page attributes). At the moment it's default and FRAMEWORK A, FRAMEWORK B etc. I need to add two more. How can I do this.
      Unfortunately, I did not find such a thread on the forum.
      Regards
      Radoslaw
    • kyledominick
      By kyledominick+
      Hello All! 
      So I am using PL5 - I am using a child theme with custom fonts loaded in the child's style.css file. My issue arises on mobile devices. If you are to access the site via the home page on a mobile device the custom fonts load no problem. But - if you are to type in any internal pages direct link the fonts do not load. I have a launch for the website in question on Friday this week, the 31st at 7pm CST - I need help!!!! The site address is https://aonsl.com - the site has password protect on it until Friday - you can access the site with pass code kyledominick - all one word.
      Here is the css for the fonts:
      @font-face {
        font-family: 'Another America';
        src: url('webfont.eot'); /* IE9 Compat Modes */
        src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
             url('https://aonsl.com/wordpress/wp-content/themes/pagelines-bootstrap/fonts/another_america-webfont.woff2') format('woff2'), /* Super Modern Browsers */
             url('https://aonsl.com/wordpress/wp-content/themes/pagelines-bootstrap/fonts/another_america-webfont.woff') format('woff'), /* Pretty Modern Browsers */
             url('https://aonsl.com/wordpress/wp-content/themes/pagelines-bootstrap/fonts/Another_America.ttf')  format('truetype'), /* Safari, Android, iOS */
             url('https://aonsl.com/wordpress/wp-content/themes/pagelines-bootstrap/fonts/Another_America.svg#svgFontName') format('svg'); /* Legacy iOS */
      }
      And as I mentioned - the fonts load properly on mobile if I begin viewing the site from the homepage - and works on desktop across the board both from the home page or starting on an internal page. 
      ANY AND ALL HELP IS GREATLY APPRECIATED!
      Kyle
    • ideascurator
      By ideascurator+
      Hello Pagelines,   I no longer use pagelines services. I have deactivated the automatic annual payment. But it already charged to my credit card. Since I cancelled my contract before the end, Can I request to refund?
    • Anthony King
      By Anthony King+
      Hello,
      I am wanting to know what the status of the Pagelines Platform.
      I have noticed that there has been absolutely no updates on Platform 5 for over 8 months.
      Please tell me you haven't gone off on another tangent and going to build the next great solution
      and then leave all of us to have to completely rebuild our sites like we did for
      Pagelines, then DMS, then Pagelines Platform.
      I like what you build, but what you need to do is build one product and then make it better, rather than 
      abandoning it and building something else.
      You haven't done anything for so long that even WordPress is providing a warning.
      "Warning: This plugin has not been tested with your current version of WordPress."
      So what is the Status. I mean if I am going to pay a monthly fee for a product, I don't want to pay for one
      that is no longer being supported. You have a great product, I'm not bashing it, I'm just wondering what 
      your next move is because I have business decisions to make for myself, and whether of not this is something
      I should stick with.

      Please be kind enough to respond.

      Thank You,
      Anthony
    • tuciudadenred
      By tuciudadenred+
      Hi everyone, what happens is that the web page metrosalarmas.com has a google tags which I have not attacked where I can look to remove those tags and be able to locate the correct ones.
×