Solved

CSS question:  reducing vertical space above H1 header

Posted on 2014-10-19
3
267 Views
Last Modified: 2014-10-19
Web site: http://www.xolgallery.com/project/isis
Platform: WordPress 4.0
Theme in use: Divi, by Elegant Themes

I've been staring at this for a while and trying different solutions in the style.css file, but I can't seem to get it.

I need to reduce the vertical space above "ISIS Group Exhibition" -- on this page and other pages like it.

I have tried adding margin-top: -1.0em to different selectors, but the tall, vertical space remains. I feel like I am missing something very simple.

Thank you for your advice!

Eric
0
Comment
Question by:Eric Bourland
  • 2
3 Comments
 
LVL 58

Accepted Solution

by:
Gary earned 500 total points
ID: 40390753
You've several areas that have a top padding all affecting the position.

style.css line 672
.et_pb_post .entry-content, .project .entry-content {
    padding-top: 30px;
}


line 1200
.et_pb_section {
    padding: 50px 0;
    position: relative;
}


line 1214
.et_pb_row {
    margin: 0 auto;
    padding: 30px 0 0;
    position: relative;
    width: 1080px;
}
0
 
LVL 3

Author Closing Comment

by:Eric Bourland
ID: 40390764
That's it!

Did you use Firebug to determine which selectors to adjust?

Gary, thanks very much for your help.

Eric
0
 
LVL 58

Expert Comment

by:Gary
ID: 40390765
Yep
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Use these top 10 tips to master the art of email signature design. Create an email signature design that will easily wow recipients, promote your brand and highlight your professionalism.
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
In this tutorial viewers will learn how to style different bullet points for unordered lists in CSS. Begin with a normal unordered list; the default bullet point is a solid circle: In the CSS, create a defined class of unordered list by typing "ul.S…
In this tutorial viewers will learn how to embed an audio file in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: : The declaration should display (CODE) HTML5 is supported by the most recent versions of all major browsers…

920 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

11 Experts available now in Live!

Get 1:1 Help Now