We would need to see the underlying html code and css to identify what exactly is causing that “white” block. In your browser, can you right click on the white element and use the “Inspect” or “Inspect Element” option that shows up in the contextual menu? This will open up your browser developer tools and show you the underlying HTML structure and the CSS being applied to it. Once you have that element and it’s styling identified, it should simply be a matter of creating some custom CSS to override the existing styling.
I know literally nothing about coding, but I’ll be watching some tutorials soon.
As for the inspect element, it looks like there are multiple causes, but the big umbrella cause seems to be
<div class="container content-wrapper">
<div class="row">
<div id="primary" class="content-area col-md-9">
<main id="main" class="post-wrap" role="main">
<article id="post-8" class="post-8 page type-page status-publish hentry">
<header class="entry-header">
<h1 class="title-post entry-title">Home</h1> </header><!-- .entry-header -->
<div class="entry-content">
</div><!-- .entry-content -->
<footer class="entry-footer">
<span class="edit-link"><a class="post-edit-link" href="http://ecosophy.cloudaccess.host/wp-admin/post.php?post=8&action=edit">Edit</a></span> </footer><!-- .entry-footer -->
</article><!-- #post-## -->
</main><!-- #main -->
</div><!-- #primary -->
</div>
</div>
Thanks. Just got it right
Great! And welcome to the wonderful world of HTML, CSS and WordPress! Feel free to mark this topic as resolved.
