Have successfully added two new sidebars, can't get them to line up horizontally.

5 posts in this topic





I've successfully setup up two new sidebars as shown on the above page. I'm trying to get them to line up beside each other horizontally but the second one seems to always start (vertically) after the end of the first one.


Pulling my hair out here...


Here's the CSS I've added:

/* main CSS moved to child theme - don't panic :-) */

#homepage-left-sb .widget-pad{

#homepage-right-sb .widget-pad{

#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;

Share this post

Link to post
Share on other sites

I think the issue may be down to the .fix CSS parameter being globally applied; Firebug shows this:

.fix:after {

or it could one of the classes in here:

<section id="homepage-left-sb" class="container clone_1 section-homepage-left-sb fix">

Any pointers greatly appreciated!

Share this post

Link to post
Share on other sites



I think I'm getting close to a solution:


If I change:

<section id="homepage-left-sb" class="container clone_1 section-homepage-left-sb fix">

to just

<section id="homepage-left-sb" class="">

It seems to resolve the issue. However, I'm not sure how to remove those. These sidebars were created using the following code uploaded to a child theme:

	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']);
   function section_template() {
		 pagelines_draw_sidebar($this->id, $this->name);

So I'm wondering is there a way to set up those sidebars by modifying the code to NOT include the other CSS items in the line beginning with <section>


Or is this a bad approach?

Share this post

Link to post
Share on other sites

Hi there, if you're on the standalone edition of IBlogPro4 then unfortunately there were no options as to where the sidebar could be positioned or duplicate sidebars like there was in the IBlogPro5 child theme for the framework. This is because the theme is much older and didn't use the drag and drop system.


We can't officially advise making edits directly to the core files, this would be at your discretion. But as the theme is an older theme now and won't receive any updates this will probably be your best option if you wish to stick with the theme.


Unfortunately these standalone themes are no considered legacy themes and will receive no further, we'd advise moving up to the latest PageLines DMS system in order to be able to successfully implement and position additional sidebars using the drag and drop live editor.

Share this post

Link to post
Share on other sites

I'm not on iBlogPro4, I'm on 5.


Again, any pointers would help. I've found that if I add the following CSS:

.fix:after {
 	content: "";

It does EXACTLY what I want in terms of the two paragraphs, but breaks other sections of the site.


I then tried:

#homepage-left-sb .fix:before, #homepage-left-sb .fix:after, #homepage-right-sb .fix:before, #homepage-right-sb .fix:after {
    content: "" !important;
    display: inline !important;
    line-height: 0 !important;

to apply the class to the new html IDs specifically, but it doesn't work.


So close I think, yet so frustrated. Something simple I'm missing?


Thanks in advance.

Share this post

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • Can't Activate Pagelines License
      By unifeyed+
      I am unable to activate Pagelines with my License key. All plugins and Wordpress are up to date. Says the url and key don't exist, but I am using what's on file in our Pagelines Account. Can't make any changes on the front end. 
      Please advise
    • Pagelines (old version) not showing up in my Account
      By davidcosgrove+
      I need to download the old version of Pagelines - in one of my WP dashboards it shows that 2.4.6 is available - but it is not showing up in my Account.
      Please help.
      Thank you!
    • Major Problems
      By almanada+
      2 year DMS Framework Dev Member here:
      Nothing is saving on our websites, our Key is no longer registering, emails have gone unanswered.  The DMS theme seems to be overall malfunctioning.   I just want it to work like it worked last week again please. Also, based on our your website is looking, it's also falling apart. Please Advise ASAP!  Our clients have a much shorter temper with us, because we actually offer a way to contact us.  We have reinstalled the latest theme over and over. 
    • [Solved] DMS 2 theme not saving changes after publishing, keep getting errors
      By leeresources+
      I keep getting this error :
      Uncaught TypeError: Cannot use 'in' operator to search for 'length' in                                                  jquery.js?ver=1.11.3:2
      r                                  @ jquery.js?ver=1.11.3:2 m.extend.each            @ jquery.js?ver=1.11.3:2 (anonymous function) @ pl.optpanel.js?ver=7ab9c7:283 m.extend.each            @ jquery.js?ver=1.11.3:2 (anonymous function) @ pl.optpanel.js?ver=7ab9c7:282 m.event.dispatch         @ jquery.js?ver=1.11.3:4 m.event.add.r.handle  @ jquery.js?ver=1.11.3:4  
      I have looked at a lot of resolved issues on these forums and nothing has been able to work.
      My changes are not saved after i hit publish and refresh, all the changes I've made disappear. 
      Also i am not able to add backgrounds or any images to the entire site, Rivslider, Quickslider, etc.
    • Change NavBar Menu alignment and font size
      By saur0+
      Hi, I have managed to change the size of the navbar logo to 75px, but I now want to change the size of the font on the menu (20px) and align the menu vertically to the bottom (so it is in line with the bottom of the logo image). I've been playing around with the CSS but can't seem to get it right, if anyone could give me some pointers it would be much appreciated. 
      The site is feltonssolicitors.co.uk if you want to take a look at the source.