Jump to content


Photo
- - - - -

Removing space between content box and quickslider (& Nav and content box)

CSS

  • Please log in to reply
3 replies to this topic

#1 galmquist

galmquist

    Newbie

  • Members

  • 2 posts
  • LocationEast Coast
  • Framework Version:2.4.3
  • Country: Country Flag

Posted 16 June 2013 - 05:58 PM

Hi there,

 

I've looked at similar postings on the site, downloaded firebug and tried to alter the spacing between the content box and the quickslider on my site. I eliminted some space in Firebug in the Live Edit state by changing a padding setting from 15px to 0. 

 

.content .content-pad {
    padding: 0px;
 
When I pasted this setting in custom code, nothing happens. Also, I would like to eliminate more white space between all elements.  
 
I've spent about an hour trying to do this with no luck. 
 
Thanks in advance. 


#2 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 16 June 2013 - 06:14 PM

Hi,

 

We discussed this in the Live group.  Is the site live for us to inspect?



#3 galmquist

galmquist

    Newbie

  • Members

  • 2 posts
  • LocationEast Coast
  • Framework Version:2.4.3
  • Country: Country Flag

Posted 17 June 2013 - 12:26 PM

It is live. www.ptownevents.com/dev-site. 

 

Thanks, Greg



#4 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 17 June 2013 - 01:47 PM

Gregg, 

 

I'm not sure if that's a dynamic page or a static page (recommended).

 

But every page has a page ID. So, we need to find what that is. The hentry code is used throughout the site, so we don't want to impact other pages with a customization.  To do this, I'm recommending the code below, targeting only the present page.

 

Modify the code below, pasting it into Dashboard > PageLines > Site Options > Custom Code anywhere after body {}.   Replace XX with the page number.

Please Login or Register to see this Hidden Content

Your code pasted above is also generic for the entire site, so prefix it with .page-id-XX but you'll find it will adversely affect other things on the page, such as the positioning of the branding. Other adjustments to different CSS elements may be needed to keep the page consistent with others in the site. If that's the case, use the same prefix.  Just remember to replace XX with the actual page number.







Also tagged with one or more of these keywords: CSS