Hello There,
- Which part of the blog would you like to change? To change the white background color, simply add this custom css code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)
.blog.x-boxed-layout-active .site,
.blog.x-boxed-layout-active .x-site {
background-color: red;
}
Feel free to change the color to your preferred one.
- To add a custom content above or below the post items, assuming the child theme is set up, please add the following code in your child theme’s functions.php file
// Add a shortcode after the blog post items
// =============================================================================
function add_custom_content_above_post_items(){ ?>
<?php if ( is_home() ) : ?>
<div class="custom-content x-container max width">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer scelerisque eros eu pulvinar dictum. Nunc egestas massa at elit bibendum, cursus fringilla nunc faucibus. Proin dignissim efficitur nunc a cursus. In luctus mi in nisi condimentum, sed ornare enim tempor. Praesent semper ultricies tellus, rutrum fermentum leo viverra at. Sed a venenatis ante, non aliquam tortor. Aliquam erat volutpat. Curabitur felis elit, rhoncus et molestie in, auctor euismod lorem. Etiam viverra hendrerit metus, vitae ullamcorper metus ultricies ut. Ut eu ex id ligula viverra auctor at quis urna.</p>
</div>
<?php endif; ?>
<?php }
add_action('x_before_view_global__index', 'add_custom_content_above_post_items');
// =============================================================================
function add_custom_content_below_post_items(){ ?>
<?php if ( is_home() ) : ?>
<div class="custom-content x-container max width">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer scelerisque eros eu pulvinar dictum. Nunc egestas massa at elit bibendum, cursus fringilla nunc faucibus. Proin dignissim efficitur nunc a cursus. In luctus mi in nisi condimentum, sed ornare enim tempor. Praesent semper ultricies tellus, rutrum fermentum leo viverra at. Sed a venenatis ante, non aliquam tortor. Aliquam erat volutpat. Curabitur felis elit, rhoncus et molestie in, auctor euismod lorem. Etiam viverra hendrerit metus, vitae ullamcorper metus ultricies ut. Ut eu ex id ligula viverra auctor at quis urna.</p>
</div>
<?php endif; ?>
<?php }
add_action('x_after_view_global__index', 'add_custom_content_below_post_items');
// =============================================================================
We would loved to know if this has work for you. Thank you.