Jump to content
Sign in to follow this  
dgosine

Reduce The Spacing Between Feature And Morefoot Sidebars

Recommended Posts

catrina    103
catrina

You’ll need to use Custom CSS (in Site Options > Custom Code > Custom CSS). CSS that changes the style of a page element consists of two parts: the selector and the attribute.

Selector: Used to select the page element you want to change (in this case, the page element you want to change is the bottom padding of the feature slider area).

Attribute: Property that determines what kind of change you want (you’re changing the bottom padding, so the attribute you want to use is padding-bottom).

To find the selector for the feature slider area, you'll need to use Firebug (or Chrome Development tools). To learn how to use Firebug for CSS customizations, please read and follow these instructions: http://www.pagelines.com/wiki/Custom_CSS.

For help with the padding-bottom attribute, please see these instructions: http://www.w3schools.com/cssref/pr_padding-bottom.asp

  • Like 1

Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
theTimHunter    1
theTimHunter

Try this:


.pprow {margin-top:-50px!Important;}

Then just adjust the -50 number until you get what you want.

  • Like 1

Share this post


Link to post
Share on other sites
Rob    547
Rob

Or try this:


.content .content-pad {

    padding: 0 15px 15px;

}

#site #page, #site #dynamic-content {

    min-height: 300px;

}

  • Like 1

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
dgosine    1
dgosine

Hello Guys,

First Thank you all for your help.

Rob, I started editing the site in the beginning with this code, but found that it would not change anything under 300px. Hence the gap was still to big.

#site #page, #site #dynamic-content {

min-height: 300px;

}

Added this as you suggested but had to make a change from this 0 15px 15px; to 15px 15px 15px; as the top gap was gone.

.content .content-pad {

padding: 0 15px 15px;

}

theTimHunter, were did you find this code as it solved the problem. did have to change -50px to -75px.

.pprow {margin-top:-50px!Important;}

Catrina, thank you for teaching how to look for the problem and solve it.

Share this post


Link to post
Share on other sites
James B    436
James B

We're glad this worked for you, we'll close this thread now for moderation purposes


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
James B    436
James B

The topic was marked as resolved.


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
theTimHunter    1
theTimHunter

theTimHunter, were did you find this code as it solved the problem. did have to change -50px to -75px.

.pprow {margin-top:-50px!Important;}

Just used Chrome Inspect Element to find the main container. If you are unsure, just try some stuff and if it messes things up, delete it.

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  

  • Similar Content

    • AaronS
      By AaronS
      I've looked everywhere in the forum and haven't been able to find a workable solution. I'm using the feature slider on my main page. Rather than having the same order appear each time a user loads the page, I would love for it to display the features randomly. Likely this will require custom code, but that's beyond my abilities. Thanks in advance for the help.
    • angelopc
      By angelopc
      I have a new website (new.svctx.com) that I'm building for a client. I've added a Feature to the header that doesn't seem to load correctly. Maybe someone could take a look and give me some advice?
       
      Thanks!
    • FionaFell
      By FionaFell
      Hi Pagelines Team, 
       
      I'm adding blog posts to www.leadstoclients.com.au
       
      But would love to place the image between the 'title' and the 'content'. 
       
      I'm seeing these options: http://screencast.com/t/c1GggUigw
       
      But none of them seem to place the image where I hope it can be displayed. 
       
      Any tips on how I can get the image to appear here: http://screencast.com/t/F39iUNuq8Nd5 would be awesome. 
       
      Thanks for your help,
       
      Fiona
    • mxhg
      By mxhg
      Dear Pagelines Team,
       
      I want to create a website with a portfolio of the films I made.
       
      As "Portfolio" Page I use a template with the "Features" inside.
      My Problem: The Video should fill the right part of the feature box not just a bit.
       
      Remember to include as much information about your technical issue as possible for example:
      Website URL: http://imagefilmproduktion.com/portfolio/ (see Projekt 2 in the Features)
      Framework Version: 2.4.4
      WordPress Version: 3.6.1. 
      Plugins in Use: Exclude Pages, WIdget LOgic
      Server/Host: webspace
      Screenshots: attached
      Details:
       
      Now it looks like this: https://docs.google.com/file/d/0B2P2Kbg4kca2amVVMHpRaXdVa1U/edit?usp=sharing
      But it should look like this (Mockup): https://docs.google.com/file/d/0B2P2Kbg4kca2eF9GdzZVMWgtY3M/edit?usp=sharing
       
       
      best wishes
      Max
    • artfulintel
      By artfulintel
      Since updating to the most recent Framework version and WP 3.6.1, the most ODD thing is happening to my Features. When I'm logged in as an admin, the feature looks perfect on the page, it works fine, no issues. When I'm logged out, the feature goes a bit haywire. As you can see from the attached images, the feature images line up under each other, and extend past the height of the feature container. This messes up the controls too and the feature nav is hidden. AND the feature doesn't rotate.
       
      I can't list the site URL as it is behind our corporate firewall. :(
      Any help would be greatly appreciated.
       
      Thanks,
      Shawn
×