• 0
Sign in to follow this  
Followers 0

Flatten Some help with top-margin

Question

Posted · Report post

Hello there,

 

I am trying to shorten the distance (d) between the title of the page and the menu.   The page is   http://lacasarojas.com/onlyspanish/argentina/

 

 

I am using Flatten theme. and I tried to reduce the top-margin to 10px from 80px, It works in Firebug but not in custom area in DMS.

 

element.style {
    margin-top: 10px;
}

 

 

any idea how to do this?

 

Thanks 

 

Luis

 

 

 

 

 

 

 

d1.JPG

 

 

 

 

 

 

 

 

d2.JPG

Share this post


Link to post
Share on other sites

6 answers to this question

  • 0

Posted · Report post

Hi Luis

 

When you see an area in the inspector which has element.style you need to replace that with the ID for the section.

 

http://screencast.com/t/nW5Cg7pv5

 

#page-main {

    margin-top: 10px !important;
}
 
The space at the bottom seems to be coming from a bunch of empty <p> tags. http://screencast.com/t/9QVSKFpF
Check in that section in html view to remove/delete them.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hi there,

 

Thank you very much.

 

I checked the <p> tag. Those must come from a "section area". How can I eliminate it? 

 

In the pic below, in that section is where the "navbar" is located. The 'navbar" goes automatically to the upper part of the section. In other hand, If I place the "navbar" in the section above it does the same thing and besides the pic is in the background.  

 

Is there a way to place the navbar in the bottom part of the section?

 

Thanks a lot,

 

Luis

 

 

 

 

pic-3.JPG

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

It appears you have added offset to the Navbar, this is why it is being positioned the way it has.

 

In regards to the Margin-top, this is related to the theme itself, therefore I have moved your topic the store forums, as our staff do not provide support to third parry themes, sections or plugins.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hi,

 

Please try this:

#page-main{
    margin-top:10px !important;
}

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

it works!!!

 

Muchas gracias,

 

Luis

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

You are welcome.

 

Best,

Enrique.

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  
Followers 0