Jump to content


Photo
- - - - -

Removing "Template" area from single page

template area header 100%

Best Answer Danny , 06 January 2014 - 01:25 PM

That space isn't coming from anything in DMS, its related to the plugin Sabai Directory, you will need to alter this CSS:

 

sabai-directory-nav {
margin: 0 0 1em;
}
 
http://d.pr/i/JMSW
Go to the full post


  • Please log in to reply
8 replies to this topic

#1 massmosaic

massmosaic

    Advanced Member

  • Members

  • 68 posts
  • Country: Country Flag

Posted 03 December 2013 - 01:55 AM

Hi Pagelines,

 

I'd like to embed a map fullscreen on a page on my website. When I do this, I alway have the small white area up top. (See attached image.) I'd like to remove that white area up top, so the map comes flush with the black header. Can you provide a tip on how to do this??

 

Here's a link to the site: http://rad.mosaicear...om/mapbox-test/

 

Thank you for any help!

 

 



#2 James B

James B

    Advocate

  • Members

  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 03 December 2013 - 07:59 AM

Hi there, on that page there's padding-top applied to the classes below which you can remove. That will give this result - http://screencast.com/t/PenekPt1sO9

 

pl-area-wrap  pl-bg-cover

 

Then the rest of the white is coming from padding applied to another class. Remove this to get it completely flush - http://screencast.com/t/5x7k7oNYNfqy

 

.pl-section-pad

 

You can use the page-id prefix to your css to make sure any changes you apply on those classes only affect that page. The page id can be found at the top of the inspection panel for that page, for example yours would be page-id-641 - http://screencast.com/t/r62jGZhtgIFD



#3 massmosaic

massmosaic

    Advanced Member

  • Members

  • 68 posts
  • Country: Country Flag

Posted 05 January 2014 - 10:58 PM

Hi James,

 

Thank you for the help with this CSS. I spent the last 2 weeks studying up so I can make these changes and got stuck.

 

I've added the following code to my pagelines Custom CSS/LESS entry box: 

 

.page-id-738 .pl-section-pad {padding: 0px 0px 0px 0px;}

 

(Note the page id is now 738)

 

Although I understand that .pl-section-pad is the correct area to target, when changing to 0px padding (in chrome dev tools) nothing happens. I've tried this with and without the page id in there to check and that padding will not be removed! Is there something obvious I'm missing here?

 

See attached screenshot for reference.

 

The url of this page is rad.mosaicearth.com

 

Thanks very much.

 

 

Attached Files



#4 Danny

Danny

    Is Awesome!

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

Posted 06 January 2014 - 12:13 PM

Can you provide a link to the page that contains the map, so I can try and remove the padding myself please.



#5 massmosaic

massmosaic

    Advanced Member

  • Members

  • 68 posts
  • Country: Country Flag

Posted 06 January 2014 - 12:50 PM

Hi Danny,

 

The url is http://rad.mosaicearth.com. Clicking "map" on this page pulls up the map (same url).



#6 Danny

Danny

    Is Awesome!

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

Posted 06 January 2014 - 01:08 PM

The map is full width, so has the issue been resolved ?



#7 massmosaic

massmosaic

    Advanced Member

  • Members

  • 68 posts
  • Country: Country Flag

Posted 06 January 2014 - 01:20 PM

No, it's always been full width.

 

Plz see the attached image... I'm just trying to remove the .pl-section-pad ... when setting padding to 0px, it still shows up.

Attached Files



#8 Danny

Danny

    Is Awesome!

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

Posted 06 January 2014 - 01:25 PM   Best Answer

That space isn't coming from anything in DMS, its related to the plugin Sabai Directory, you will need to alter this CSS:

 

sabai-directory-nav {
margin: 0 0 1em;
}
 


#9 massmosaic

massmosaic

    Advanced Member

  • Members

  • 68 posts
  • Country: Country Flag

Posted 06 January 2014 - 05:00 PM

Cheers, thanks so much Danny.

 

Ok, thread solved :)







Also tagged with one or more of these keywords: template area, header, 100%