The text area height is due to styles applied to elements in your theme. I am seeing this:
.et_pb_text {
width: 100%;
margin-bottom: 30px;
}
That margin is creating the large space.
If you want to have the same message show up continually across the screen, just create 5 or 6 (or more) ticks with the exact same text in it.
Also, you have an element wrapping the ticker that has a set width, which is forcing the ticker to extend past the edge of your site:
.et_pb_row {
width: 1350px;
margin: 0 auto;
padding: 10px 0 0 0;
position: relative;
}
You should remove that width if you are able to.
I’m not seeing this in my custom CSS:
.et_pb_text {
width: 100%;
margin-bottom: 30px;
}
and is this new code specific to the ticker or will it change other rows in my site?
It’s probably a part of your theme or some other plugin that creates that element. It is not part of the ticker whatsoever.
I’m not seeing a unique ID on that div, so whatever adjustments you make to that class through CSS would affect all other instances of elements using that class.
You could use a negative margin on the ticker to offset this. Add this css to your News Ticker > Settings page:
#mtphr-dnt-516 {
margin-bottom: -20px;
}
