Adjusting Padding/Margins

tradersboardroom · Member · Feb 19, 2016 at 3:13 am
Copy link

Add topic to favorites
Hello all,

I am using WordPress Premium and bought “The Collective” Theme through wordpress. NewRavenCapital.com

On the Front Page -within the featured Image, there is too much dead space between the “New Raven” logo and the top bar on the site. When the page is viewed on Mobile the “gap” is even worse.

Can someone please help me with the
CSS for my site to decrease the gap? I was hoping just to input it into the CSS Customizer.

Thank you all in Advance.

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Feb 19, 2016 at 3:59 am
Copy link
Hi, let’s start off with the following which will bring the logo up by hiding the “headline” div.
```
.featured-page .headline {
    display: none;
}
```
If that doesn’t quite get you where you want to be, add the following and adjust the 48px top padding on the “padding” div.
```
.featured-page .padding {
    padding-top: 48px;
}
```
tradersboardroom · Member · Feb 19, 2016 at 4:02 am
Copy link
About 30 seconds before I read your reply I just figured it out.

I used :

.wide {
margin-bottom: -20px;
margin-top: -150px;
}

Thank you bery much for your help! Much appreciated :)
thesacredpath · Member · Feb 19, 2016 at 4:09 am
Copy link
Let’s make this take two.

I see you have adjusted the location of the logo with the following CSS.
```
.wide {
    font-weight: 700;
    margin-top: -150px;
}
```
Although this works, where that space is coming from is a 164px top padding on the featured page div. You can add the following and set the top padding to 0 and remove temporarily the CSS rule you have above and see what you think.
```
.featured-page-section .featured-page {
    padding-top: 0;
}
```
tradersboardroom · Member · Feb 19, 2016 at 4:15 am
Copy link
That Worked great too.

Thank you!
thesacredpath · Member · Feb 19, 2016 at 4:24 am
Copy link
You are welcome.

No items found.