Solved

CSS question:  reducing vertical space above H1 header

Posted on 2014-10-19
3
262 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
Comment Utility
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
Comment Utility
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
Comment Utility
Yep
0

Featured Post

6 Surprising Benefits of Threat Intelligence

All sorts of threat intelligence is available on the web. Intelligence you can learn from, and use to anticipate and prepare for future attacks.

Join & Write a Comment

Suggested Solutions

Introduction A frequently asked question goes something like this:  "I am running a long process in the background and I want to alert my client when the process finishes.  How can I send a message to the browser?"  Unfortunately, the short answer …
This article discusses how to create an extensible mechanism for linked drop downs.
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…
In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…

772 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

10 Experts available now in Live!

Get 1:1 Help Now