Jump to content

Archived

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

kboyle10

12 Column Boot Strap Is Off Somehow

Recommended Posts

kboyle10

I'm running WP 3.9.1

The latest version of DMS2 with the Flatten Theme

 

Here's a link so see what I'm talking about... 

 

http://fitwomensweekly.co/test-page/

 

You'll notice at the very bottom, the headline: "Just So You Know Full Membership To Fit Women's Weekly Includes All Of This!

 

But columns are off. The last one keeps getting kicked to the next row. I've tried 4 columns of 3-width... doesn't work... and 3 columns of 4-width and it doesn't work. In fact, anytime there's at least 2 columns and their both 6-width, the second gets kicked down to the next row.

 

The only CSS I have impacting these is this:

 

.white-background {
  margin-top: 25px;
  background-color: #fff;
  border: 1px solid #bebebe;
  padding: 10px;
  box-shadow: 1px 1px 5px #888888;
}
 
When I'm editing the page, everything looks great. But when I look in the browser... all browsers, the last block always gets kicked to the next row. 
 
Any idea why this is happening?
 
Could it be the background image repeating I use in the canvas area?

Share this post


Link to post
Share on other sites
GetMeWebDesign

Two questions... is that the Flatten theme? And do you get the same result when you remove CSS, as it appears to be the border and padding that are causing that effect.


Chrome Developer tools - please use them. If you are not sure how, then it is easy to learn

Be inventive in your keyword search of the forum ie Navi > Navbar > menu > tabs > font > color. Your answer lies there somewhere!

Share this post


Link to post
Share on other sites
kboyle10

The Flatten Theme is one I purchased off the the Pagelines store to build off of. I just liked some of their features. 

 

I do get the same results when I remove the CSS. I've removed the background, the margin, the padding, even the shadow but still get the same result. 

 

I'm building another page anyway for testing purpose so I'll see what happens but no mater what I try, nothing seems to work. 

Share this post


Link to post
Share on other sites
GetMeWebDesign

I might be possible that it is the theme core css though it did look like your added css that was causing it. I presume you dont have a caching plugin and cleared the caches as a precaution (Site settings > Resets > Flush caches) after removing the custom css.

 

http://screencast.com/t/JQ2psby9cc


Chrome Developer tools - please use them. If you are not sure how, then it is easy to learn

Be inventive in your keyword search of the forum ie Navi > Navbar > menu > tabs > font > color. Your answer lies there somewhere!

Share this post


Link to post
Share on other sites
Danny

This issue as far as I can tell is caused by your custom CSS, as you're adding border to the sections. This was happening (you seem to have removed it now), because the border property adds to the width of the element and therefore, throws off your widths and makes everything no longer the correct width to be aligned correctly.

 

However, you can use the same CSS as you used in your first post all you will need to do is add the following to it as well.

 

box-sizing: border-box;

 

For example - https://cloudup.com/cPaBFOnhlFt

 

Another alternative would be to use the outline property for example:

 

outline: #428BCA solid thick;

 

Would give you the following - https://cloudup.com/cDyO9PDxXue


Please search our forums, before posting!

Share this post


Link to post
Share on other sites

  • Similar Content

    • Lisa Haran
      By Lisa Haran+
      Hi 
      I have a map here http://www.iloveoffset.com/maps/
      I want to add several pointer locations to the map, but when I do they do not appear.
      On this map there are 2 pointer locations and as you can there is only one visible.
      Earlier today I added 7 and could only see 4 so there is something odd going on.
      My theme is up to date
    • clj182
      By clj182+
      Hello,
      I've been having trouble unlocking the template section for past couple of weeks. When I try clicking nothing happens. 
      I've deleted my custom css and removed plugins. Im down to having only the following plugins:
      Akismet
      Contact Form 7
      DMS Professional Tools
      Pagelines Updater
      WooCommerce
      It was working fine before i have no idea what's going on with it.
    • flourishdesignstudio
      By flourishdesignstudio+
      My DMS 2 site http://www.heart-stone.com/ will not save any new custom css... I can still edit templates and publish those but any custom css that I enter never saves.
      All WP files, themes, and plugins are up to date. 
      Any thought about what might be causing this?
    • flourishdesignstudio
      By flourishdesignstudio+
      Is there a way to edit the custom CSS via FTP? I know I can edit the custom code in the Chrome editor but is there a file path I can use to find and edit the CSS directly from our FTP?
      Thanks in advance for the help!
    • nizami
      By nizami+
      Using navbar section with correctly configured WP menu to display main navigation at https://elenaangel.com. 
      All fine in desktop viewport. Menu displays twice in hamburger mode. How to fix this please? 

×