Jump to content


Photo
- - - - -

Body of site becomes left-aligned when changed to Framework

alignment

Best Answer Danny , 28 April 2013 - 03:45 PM

You have the following custom CSS, which is causing the issue, remove the CSS and it will resolve your issue.

 

 

 
#page, #site #page, #site #dynamic-content, #dynamic-content {
float: center;
display: block;
}
#page {
max-width: 960px;
float: center;
}

There is no such property as float: center (this is invalid CSS) and the max-width: 960px on #page is causing the alignment issue. Therefore, this issue is related to your custom CSS and not PageLines.

Go to the full post


  • Please log in to reply
11 replies to this topic

#1 cleantech

cleantech

    Newbie

  • Members

  • 7 posts
  • Country: Country Flag

Posted 28 April 2013 - 11:35 AM

Hi,

 

I am the manager of Cleantech Blog (www.cleantechblog.com).

 

I've been using iBlogPro4 successfully for a couple years. Everything is fine now with the body in the center. When I switch to new Framework (v2.4.1) with and without the iBlogPro, the body becomes left aligned. All pages including the homepage becomes left aligned.

 

Even with all of the plugins turned-off, the alignment goes to the left. I've tried specifying float:center in the css for the body but nothing seems to work. 

 

Are there other options I can try?

 

Thank you,

Frank



#2 Rob

Rob

    One Smart Egg

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

Posted 28 April 2013 - 01:14 PM

Hi Frank,

 

I'm not seeing anything inappropriate or flushed left on the site in Firefox.

 

Is there some particular condition in which this is happening, or some other browser you're using?

 

It could be that the browser's cache is caught at a particular point in the loading of the page. Did you try clearing the browser cache?

 

See the screenshot below:

Please Login or Register to see this Hidden Content

 

Please Login or Register to see this Hidden Content

  78.48KB   1 downloads



#3 cleantech

cleantech

    Newbie

  • Members

  • 7 posts
  • Country: Country Flag

Posted 28 April 2013 - 01:58 PM

Hi Rob,

 

Thanks for your assistance. The screenshot below shows what it looks like when we switch to iBlogPro5 with the Framework.

 

Frank

Attached Files



#4 Rob

Rob

    One Smart Egg

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

Posted 28 April 2013 - 02:08 PM

I'm not sure why this is happening.

 

iBlogpro4 is a deprecated theme, so I'm unsure of its settings.

 

Unfortunately, there may be some CSS or something that's causing this.

 

Are you making the migration to iBlog5 permanent?



#5 cleantech

cleantech

    Newbie

  • Members

  • 7 posts
  • Country: Country Flag

Posted 28 April 2013 - 02:16 PM

We'd like to switch to iBlog5 but we will keep using iBlog4 until a fix can be found.



#6 Rob

Rob

    One Smart Egg

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

Posted 28 April 2013 - 02:22 PM

Is there any Custom CSS?

 

As you're using an old theme, do you have any outdated plugins? I'd recommend deactivating all except the ones from PageLines' Store.



#7 cleantech

cleantech

    Newbie

  • Members

  • 7 posts
  • Country: Country Flag

Posted 28 April 2013 - 02:31 PM

Even when I de-activate all of the plugins, the result is the same.



#8 Rob

Rob

    One Smart Egg

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

Posted 28 April 2013 - 02:36 PM

It's possible the installation of PageLines Framework did not complete properly.

 

I'd recommend FTPing into the site and deleting wp-content/themes/pagelines  and reinstalling it, manually.

 

To do this, login to your Launchpad account, download the latest version and unzip the file to your desktop.  You'll see a folder named pagelines.

 

Once you've deleted the pagelines folder from wp-content/themes, just upload the new pagelines folder on your desktop to replace it. Any settings will be stored in the database, so there will be no need to repeat that step.



#9 cleantech

cleantech

    Newbie

  • Members

  • 7 posts
  • Country: Country Flag

Posted 28 April 2013 - 03:35 PM

That did not seem to work. Still aligning to the left when framework or iblogpro5 is used.

 

Is there a simple css fix for this?



#10 Rob

Rob

    One Smart Egg

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

Posted 28 April 2013 - 03:38 PM

I don't know. If you'd like to email me admin level credentials, I'll go in and take a look at things to see what I can find.

 

Send them to robert@pagelines.com



#11 Danny

Danny

    Is Awesome!

  • Moderators
  • 15163 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 28 April 2013 - 03:45 PM   Best Answer

You have the following custom CSS, which is causing the issue, remove the CSS and it will resolve your issue.

 

 

Please Login or Register to see this Hidden Content

There is no such property as float: center (this is invalid CSS) and the max-width: 960px on #page is causing the alignment issue. Therefore, this issue is related to your custom CSS and not PageLines.


  • cleantech likes this

#12 cleantech

cleantech

    Newbie

  • Members

  • 7 posts
  • Country: Country Flag

Posted 28 April 2013 - 03:56 PM

Thanks Danny. That seems to do the trick!

 

Frank







Also tagged with one or more of these keywords: alignment