Jump to content
Sign in to follow this  
lmmolitor

how do you decrease space/padding between section areas?

Recommended Posts

bryan-hadaway

`#soapbox .content-pad{padding-top:0}` Thanks, Bryan

Share this post


Link to post
Share on other sites
lmmolitor

hey Bryan - when i had asked in an earlier string about making the soapboxes fit within the content area w/o running under the left sidebar, i was told to add the following .dcol_2 { float: left; margin-left: 20px; width: 200px; } #soapbox .clear{display:none} I added #soapbox .content-pad{padding-top:0} as you suggested so it now looks like .dcol_2 { float: left; margin-left: 20px; width: 200px; } #soapbox .clear{display:none} #soapbox .content-pad{padding-top:0} but it doesn't seem to be changing the padding at all. Ideas?

Share this post


Link to post
Share on other sites
Kate

Hi Liz - I'm not seeing it run under a sidebar, unless I'm misunderstanding. Do you still need additional help with this?

Share this post


Link to post
Share on other sites
lmmolitor

Sorry, let me try to be more clear ... (a) I'm trying to prevent Soapboxes from running under sidebar ... in previous string i was instructed to add the below to the custom css area - .dcol_2 { float: left; margin-left: 20px; width: 200px; } #soapbox .clear{display:none} this worked when i only had 3 soapboxes (see http://www.greenbankdevelopment.com/communities/terrace-creek-mountlake-terrace-wa/) but not when there were 5 (http://www.greenbankdevelopment.com/communities/solus-at-the-highlands-kirkland-wa/) Is there a way to only 3 columns and multiple rows so if you have more than 3 boxes they just go on the next row? (B) Padding Between Top of Soap Box Template Area -- i think i'm ok with this issue now :)

Share this post


Link to post
Share on other sites
bryan-hadaway

Hi Liz, I see you're needing lots and lots of customization. You've probably heard give a man a fish or teach him how to fish saying. You might save a lot of time looking over this doc and learning how to dig in a bit: http://www.pagelines.com/docs/changing-colors-fonts Then you could find page ids and add additional styling just for that page like: ` .page-id-124 .dcol_2 { float: left; margin-left: 20px; width: 200px; } ` Thanks, Bryan

Share this post


Link to post
Share on other sites
lmmolitor

Hey Bryan - I appreciate your response and yes, i'm just learning this stuff and do have lots of questions. But, believe me I have been "digging in" more than a bit so I'm a kinda frustrated by your response, especially since I am a paying subscriber to the service and went with Pagelines because i was under the impression it would be much easier for a lay person with no experience to use AND it was positioned as having "professional support". I didn't realize there were limitations to what i was allowed to ask on these forums ... I have read through the docs and video but still end up having questions not clearly ID &/or addressed in the docs and/or found on the forums. I'll try to figure this issue out on my own.

Share this post


Link to post
Share on other sites
Kate

Hi Liz - We're definitely here to help, and certainly don't like to hear that a customer is "frustrated". Please let us know what we can do to help you figure this out. You're always more than welcome to ask questions and/or post problems. Thank you for providing the links... I just took a look again. I see on that second page you listed that the boxes are appearing in columns of two. Did you get this part figured out, then? I was going to suggest going to "Settings->Box Settings->Default Number of Feature Box Columns", but perhaps you already did that? If not, I apologize if I'm being dense or a little slow on the uptake ;)

Share this post


Link to post
Share on other sites
lmmolitor

Thanks Kate - (1) Padding Issue is resolve - no more help needed there (2)Soapbox Issues -I am still trying to resolve my soapboxes issues so they are not running under the sidebar and fit width wise aligned to the main content area above in 3 columns. I have confirmed under Settings>Box Settings>Default Number of Feature Box Columns that it is indeed set to 3, so that doesn't seem to be the problem. I will be using the same page template on the following 4 "community" pages so whatever code i use i'd like to apply to all of these pages, however each of these 4 pages will have a different numbers of soapboxes. I want the soap boxes on all of these pages to be in 3 columns and accomodate as many rows as necessary to accommodate as many soapboxes as that particular community requires (again the total number soapboxes will vary on all of the 2 pages.) http://www.greenbankdevelopment.com/communities/terrace-creek-mountlake-terrace-wa/'>http://www.greenbankdevelopment.com/communities/terrace-creek-mountlake-terrace-wa/ http://www.greenbankdevelopment.com/communities/solus-at-the-highlands-kirkland-wa/'>http://www.greenbankdevelopment.com/communities/solus-at-the-highlands-kirkland-wa/ http://www.greenbankdevelopment.com/communities/corrente-kirkland-wa/ http://www.greenbankdevelopment.com/communities/willow-ridge-bellevue-wa/ As you can see at http://www.greenbankdevelopment.com/communities/terrace-creek-mountlake-terrace-wa/'>http://www.greenbankdevelopment.com/communities/terrace-creek-mountlake-terrace-wa/ with a total of just 3 soapboxes, the current settings are working fine. However on http://www.greenbankdevelopment.com/communities/solus-at-the-highlands-kirkland-wa/'>http://www.greenbankdevelopment.com/communities/solus-at-the-highlands-kirkland-wa/ which has 5 soapboxes, they run under the sidebar. As a reference point, right now, I have the following in my Custom CSS area ... should i be removing/changing any of it? .dcol_2 { float: left; margin-left: 20px; width: 225px; } #soapbox .clear{display:none} #soapbox .content-pad{padding-top:0} #soapbox .dcol-pad{border:1px solid #dddddd;} #banners .banner-area { border: 1px solid #CCCCCC; margin-bottom: 10px; padding: 30px 0; } Any help MUCH appreciated!

Share this post


Link to post
Share on other sites
bryan-hadaway

I showed you the code, now what we need is to identify each page ID so we can style them how we need to fit how we need. ` .dcol_2 { float: left; margin-left: 20px; width: 225px; } ` should already be effecting all of them, now we need to style them on a case to case basis to get what we want. Learning how to identify classes and ids via: http://www.pagelines.com/docs/changing-colors-fonts we find; .page-id-144 and .page-id-140 and .page-id-137 and .page-id-134 We can now specify and style each the way we need like so: ` .page-id-144 .dcol_2 { float: left; margin-left: 20px; width: 225px; } ` Thanks, Bryan

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  

×