Hello Fredy,
Thank you for the very detailed post information.
1.) By default, the Ethos stack has a first white background color in the content area portion. Regretfully there isn’t any setting in the theme to override the background color. It is using this built-in css:
.x-container.main:not(.x-row):not(.x-grid):before {
background-color: #fff;
}
Feel free to override this css and add your custom css in X > Theme Options > Custom CSS.
2.) Are you referring to the Post Slider in the blog index? This slider will only display posts and will only be displayed in the blog index or in the archive pages. If you are looking to add a banner slider in your inside pages, I would recommend that you check our this documentation on how you can integrate a slider on a page instead. Kindly check this page: https://theme.co/docs/append-sliders-to-your-header
3.) The featured images, (when set to make featured images of this post fullwidth on the blog index page), were used as a background image. Background images only depends on the height of the post container. The post container depends on the height of the elements inside it which in your case is the post title. This is why the longer the post title, the height of the post container changes. The only way that you can control the height of the container is by using a custom CSS. I can see that you already added a custom css:
.blog .x-main .hentry .entry-thumb.featured,
.search .x-main .hentry .entry-thumb.featured,
.archive .x-main .hentry .entry-thumb.featured {
min-height: 275px;
}
275 pixels just do not cover it. I would recommend that you increase it to at least 375px instead.
4.) The “View Post” were hard coded in the template files. If you want to change it to another text, you will have to modify the file. Since you have your child theme active and ready, please follow these steps below:
1] Using Notepad or TextEdit or Sublime Text or any text editor, please create a new file in your local machine.
2] Insert the following code into that new file
<?php
// =============================================================================
// VIEWS/ETHOS/_INDEX-FEATURED.PHP
// -----------------------------------------------------------------------------
// Featured content output for the index pages.
// =============================================================================
$index_layout = get_post_meta( get_the_ID(), '_x_ethos_index_featured_post_layout', true );
$class = ( $index_layout == 'on' ) ? 'featured' : '';
$background_image_style = x_ethos_entry_cover_background_image_style();
$categories = x_ethos_post_categories();
?>
<a href="<?php the_permalink(); ?>" class="entry-thumb <?php echo $class; ?>" style="<?php echo $background_image_style; ?>">
<?php if ( $index_layout == 'on' && ! is_single() ) : ?>
<span class="featured-meta"><?php echo $categories; ?> / <?php echo get_the_date( 'F j, Y' ); ?></span>
<h2 class="h-featured"><span><?php the_title(); ?></span></h2>
<span class="featured-view"><?php _e( 'View Post', '__x__' ); ?></span>
<?php else : ?>
<span class="view"><?php _e( 'View Post', '__x__' ); ?></span>
<?php endif; ?>
</a>
Please do not forget to change the “View Post” to "View Here"
3] Save the file named as _index-featured.php
4] Upload this file to your server in the child theme’s folder wp-content/themes/x-child/framework/views/ethos/
You will have to create the folder path since it does not exist yet in your child theme.
5.) Linking the posts to external sites requires custom development which is beyond the scope of our support. Perhaps this link can help you:
Hope this helps.
