How do I remove the white space above my meta slider image?

Hi Tara,

I viewed the source of your website and I can see that there are empty HTML paragraph elements above and below your slider element:

<div class="textwidget">
   <p> </p>
   <div class="metaslider metaslider-nivo metaslider-136 ml-slider" style="width: 100%;">
   ...
   </div>
   <p></p>
</div>

Since your paragraph elements have 20px bottom padding, that’s why the white space appears.

Asta

This site is a wordpress site with the Tesseract Theme. I don’t know where to go into the code to fix it.

I found the CSS file by going to appearance then editor in wordpress. I was told not to change the theme’s CSS because if I update the theme it will affect it.

In the CSS file I found this code and if I change the 20px to 0px it does remove the white space above my image, but it also takes out my paragraph breaks. There must be another way?

p {
margin-top: 0px;
margin-bottom:0px;
padding-bottom: 20px;
}

No, you should not remove the styling for paragraph element but remove empty paragraph elements. How do you add a slider? Is it a widget since it is wrapped in a div with a class textwidget. Maybe you have left empty lines?

The meta slider is a plug-in and the code for it is placed in the visual editor. There is no other text placed within it.

Hi

I’m having the same problem. I’m also using the tesseract theme. I’ve tried adding various lines to my custom CSS but the whitespace above the slider is still there.

@tbostrom7 – Did you manage to fix the problem?

If you can find the code that controls the slider, assign it another <div> and style it in your CSS. Here is an example.

The HTML
<div id="slider">

Now for the CSS

#slider {
margin: 10px 10px 10px 10px;
}

I was able to remove the white space from the meta slider. My website is now https://naturesgifts4u.com

I also have another site with slider at https://tarabostrom.com

Maybe it will help if you view the source code from my site. I don’t recall how I fixed it, but I think I found the solution on another site.

HI,

I had the same issue. I m using Page Builder and issue was there when I used visual editor, then i change it to WP text editor and this fix the issue for me