are you using header=”off” in the shortcode? That will take off the header completely. For the rest of the space, that’s a little hard to say without seeing it. Use your browser’s element inspector to find the selector for that area and to find out what rule is adding the space. Most likely, that’s the padding that gets added to .tippy_body so to get rid of it you would do .tippy_body { padding: 0; }
Thanks Chris, yes, I’m using header=”off” shortcode. The screenshot I linked to above does show the big white space above and below the text.
.tippy_body {
padding: 0;
}
Unfortunately, that didn’t do a thing to the white spacing.
I’m using the Enfold theme, and I think there are some theme-framework overrides kicking in. Apparently the Avia framework is quite aggressive when it comes to styling control.
(btw, the links to your homepage from within the plugin settings and other Google searches are coming up with a 404.)
Thanks for the word on my site, I recently moved hosts and forgot to refresh the permalinks. Working now.
On the styling, have you used an element inspector, something like the inspector in Chrome Developer Tools? Very helpful when tracking down what is controlling the styling in a particular part of a site. Using the inspector you should be able to fairly quickly determine what’s putting in the space and how to get rid of it.
Hi Chris, yes, using the built-in one in Chrome has been a great help for a newbie like me.
I’ll have to increase the dwell time of the popup because when it fades I lose the ability to inspect the associated code lines.
OK, the theme did have a lot of padding at the top and bottom of content.
.tippy_body p {
margin-bottom: -37px;
margin-top: -36px;
line-height:1.4em;
}
Did the trick.
