Jump to content
suzyo

Grid default margins and padding

Recommended Posts

suzyo    1
suzyo

Yes, I've searched the docs and the forums (and the google). That's where i found Danny's omgwtfbbq, which made me laugh for awhile.

 

Having trouble w margins padding vertical space w rows/spans.

 

Trying to set up a little table-like area. As you can see the last entry (booze) stops way short of the right margin.

 

Also, there's a huge whitespace between the line of text and the well below it.

 

I can't set up CSS to work with it if I don't know WHAT it is (the default margins, etc.) Can you help? Thank you.

 

http://screencast.com/t/G5J20Sta

 

http://paste.pagelines.com/8i5

 

http://www.capemyers.com/nevermind-awesome/

Share this post


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

Hi,

 

Not entirely sure what the issue is here, as this has nothing to do with margins or padding. Each column has a width and the (Price Range:) column simply doesn't have enough text to fill the area.

 

I have changed the current value to something else and as you can see from the image below, it doesn't look odd.

 

http://d.pr/i/fKjS

 

So this isn't an issue with margin/padding or CSS, its just an issue with the default value you currently have in your column.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
suzyo    1
suzyo

hmmm...thanks, Danny. thing is, the content is going to be different all the time, depending on the venue covered in the post. can you suggest something else i might use to accomplish this?

Share this post


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

If the content is going to be different every time, then I would use a list format, instead of the grid.

 

For example,

 

Cuisine: New American

Price Range: $200,000

Booze: Full Bar

Please search our forums, before posting!

Share this post


Link to post
Share on other sites
suzyo    1
suzyo

yes, sometimes the price range will be in the hundreds of thousands, like, for, say, a hamburger with some ketchup, and maybe a pickle. so, i will just use a list. a nice horizontal list. i will now take my commas and go away and figure out how to do that.

 

i want to make 3 columns and 2 or 3 rows. kind of like this: http://screencast.com/t/rJevaBoKVv5

 

so, a horizontal ul is the way to go, you say?

Share this post


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

It's entirely up to you, you can continue with the grid if you like but you can also try using a list or even a table.

 

Try all three methods and see which suites your design best.

 

In my opinion a list would be best, but again the choice is entirely up you to.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
suzyo    1
suzyo

i defer to your wisdom. thank you!

Share this post


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

No problem! :D

  • Like 1

Please search our forums, before posting!

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

    • DonRicardoRVM
      By DonRicardoRVM+
        First of all, sorry for my bad English.  I am developing an ecommeece with wp, woocommerce, PL5 and quickshop, and I need to do some changes in the simple product grid. I want to change the classes of some divs, but I can't find the templates. 
      Also, I change the grid of the category products pages, but I didn't make it correctly.
      This is the cat archive's: http://globosdemar.com/wp/categoria-producto/camisetas-para-ninos-y-ninas/
      Can you help me?
    • 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
    • ketri
      By ketri
      Hi,

      I noticed that PL5 uses flexbox for it's responsive grid. I think this is awesome. 
      But now there's a project coming in where I know I'll have to support older crappier browsers as well. Any thoughts on this? Should I only use PL5 for project where we're focused on modern browsers? Or should I use custom CSS to insert a float-based fallback grid..? 

      Thanks!
    • 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
       
    • janpeeters
      By janpeeters+
      Sorry, I got lost in trying to explain my problem properly. I deleted the contents of this post but can't delete the post itself. I'll report back if I've gotten to the bottom.
×