Jump to content
Sign in to follow this  
cleantech

Body of site becomes left-aligned when changed to Framework

Recommended Posts

cleantech    0
cleantech

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

Share this post


Link to post
Share on other sites
Rob    547
Rob

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:

post-6-0-12176000-1367154871_thumb.jpg


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
cleantech    0
cleantech

Hi Rob,

 

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

 

Frank

post-8967-0-65836800-1367157400_thumb.pn

Share this post


Link to post
Share on other sites
Rob    547
Rob

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?


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
cleantech    0
cleantech

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

Share this post


Link to post
Share on other sites
Rob    547
Rob

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.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
cleantech    0
cleantech

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

Share this post


Link to post
Share on other sites
Rob    547
Rob

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.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
cleantech    0
cleantech

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?

Share this post


Link to post
Share on other sites
Rob    547
Rob

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


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

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.

  • Like 1

Please search our forums, before posting!

Share this post


Link to post
Share on other sites
cleantech    0
cleantech

Thanks Danny. That seems to do the trick!

 

Frank

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

Sign in to follow this  

  • Similar Content

    • Michael Kummer
      By Michael Kummer+
      Hi guys,
      I have been unsuccessfully trying to get my 3-column widgetized footer aligned centered. The widget section itself is aligned left because the alignment appears to be controller the widget's content only. The container that contains the widget section is aligned centered. I have chosen a 3 column layout and I added 3 widgets, assuming they would be aligned centered.
      Any idea of what I may be doing wrong?
      The page is question is: http://www.michaelkummer.com
      Thanks
      Michael
    • Bleuy
      By Bleuy+
      Problem: Full Screen Revslider content runs off the screen on mobile devices (particularly calls to action buttons).  I've used the <br> to break up the text, however the call to action buttons run off the screen.  Therefore without making the fix too technical (and I can see some VERY technical resolutions on here) my client just wants to simple centre justify the text when being viewed on a mobile device.  
      Any ideas on how best to achieve this in a simple, non too technical way?
      Thanks very much in advance
       
    • saur0
      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. 
      Thanks, 

       
    • dgsarnow
      By dgsarnow+
      I have a revslider on my homepage and have used the alignment option to put the text on the right. When viewed on my mobile device the text runs off the screen.

      https://www.dropbox.com/s/mqqox99r1hfr8ii/Screenshot_2014-12-11-14-03-08.png?dl=0

      My site is http://HarQen.lisasarnowski.com/home
    • Redita
      By Redita
      Popshot is not working for me. 
      I've configured it using these as settings and haven't touched anything else. NOTHING else. http://forum.pagelines.com/topic/35171-popshot-not-popping-feeling-dumb/?p=218803
       
      When I inspect the code the offset is there, but the 3 images (screenshots of my clients software) are all aligned the same. All plugins were deactivated one by one and nothing was fixed. Cache cleaned every time (I also have an incognito window checking only published stuff).
       
      Debug mode is activated and here's the site:
      http://dialer2.inexusdialer.com/wordpress/
       
      Thanks.
×