Custom CSS – 740px x 412px

Forum and Theme Support

http://support.qlue.co/forum/trident-lite/

 

http://themes.qlue.co/trident/

 

 

Featured images looks good with a width of at least 740px.
Images with a dimension of 740px x 412px looks good on homepage and archive

***************************************************************************************

#masthead nav .nav-menu > li:hover > a, #masthead nav .nav-menu > .current-menu-item > a, #masthead nav .nav-menu > .current_page_item > a, #masthead nav .nav-menu > .current-menu-parent > a, #masthead nav .nav-menu > .current-menu-ancestor > a {
background: #005221 !important;
}

#masthead nav .nav-menu li li:hover > a, #masthead nav .nav-menu li li.current-menu-item > a {
color: #005221 !important;
}

.container a {
color: #005221;
}

.container a:hover, a:focus {
color: #005221;
}

.post_category.fixed a, #footer-widgets #wp-calendar caption {
background: #005221 !important;
}

.heading {
background: #005221 !important;
}

#footer-widgets h3.widget-title:before, .post_category.fixed a:before, #footer-widgets #wp-calendar caption:before, .featured-post span.category a:before {
border-right: 10px solid #005221 !important;
border-right-color: #005221 !important;
}

#footer-widgets h3.widget-title:after, .post_category.fixed a:after, .trending-ticker span.heading:after, #footer-widgets #wp-calendar caption:after, .featured-post span.category a:after {
border-left: 10px solid #005221 !important;
}

.search-form .search-button {
background: #005221 !important;
}

#footer-widgets h3.widget-title {
background: #005221 !important;
}

#authorbio {
border-top: 2px solid #005221 !important;
}

.post-navigation .nav-links .nav-previous:before {
color: #005221 !important;
}

.nav-next:before {
color: #005221 !important;
}

#author-title { display: none; }

#authorbio { display: none; }

.featured-post span.category a {
background-color: #005221 !important;
}

.trident-facebook-box, .trident-google-box {
border-bottom: 1px solid #ddd !important;
}

.post-navigation .nav-links .nav-previous a:hover, .post-navigation .nav-links .nav-next a:hover {
color: #005221 !important;
}

.paging-navigation .nav-links span.current, .paging-navigation .nav-links a:hover {
background-color: #005221 !important;
}

.entry-title a:hover, .trending-ticker ul li a:hover {
color: #005221 !important;
}

.post-number {
background-color: #005221 !important;
}

.trident-recent-posts .trident-post a:hover, .trident-recent-comments .trident-comment a:hover, .trident-popular-posts .trident-post a:hover {
color: #005221 !important;
}

.tagcloud a {
color: white !important;
background: #005221 !important;
}

 

 

**************

Page to fix home page if set as home page not blog

<?php
/**
* The Home Page Template
*
* @package trident
*/

get_header(); ?>

<?php
// Getting features posts status from database
$trident_enable_featured_posts = ot_get_option(‘trident_enable_featured_posts’);
$trident_featured_posts_category = ot_get_option(‘trident_featured_posts_category’);

// Chekcs if featured posts is enabled from theme options
if( isset( $trident_enable_featured_posts ) && ‘on’ == $trident_enable_featured_posts ) :
if( isset( $trident_featured_posts_category ) ){
$featured_cat = $trident_featured_posts_category;
} else {
$featured_posts_category_id = get_cat_ID(‘Uncategorized’);
$featured_cat = $featured_posts_category_id;
}
?>

<?php
$featuredPosts = get_posts(array( ‘post_type’ => ‘post’, ‘category’ => $featured_cat, ‘meta_key’ => ‘_thumbnail_id’, ‘posts_per_page’ => 3, ‘ignore_sticky_posts’ => 1 ));
if($featuredPosts && count($featuredPosts) > 2) {
?>

<div id=”featured-posts-wrap”>
<div class=”featured-post” id=”featured-post-big”>
<a href=”<?php echo esc_url( get_permalink( $featuredPosts[0]->ID ) ); ?>”>
<?php echo get_the_post_thumbnail( $featuredPosts[0]->ID ); ?>
</a>
<div class=”feature_text”>
<?php $category = get_the_category($featuredPosts[0]->ID); ?>
<span class=”category”>
<a href=”<?php echo get_category_link($category[0]->term_id ); ?>”><?php echo $category[0]->cat_name; ?></a>
</span>
<h2 class=”entry-title”>
<a href=”<?php echo esc_url( get_permalink( $featuredPosts[0]->ID ) ); ?>” rel=”bookmark”><?php echo $featuredPosts[0]->post_title; ?></a>
</h2>
</div>
<a href=”<?php echo esc_url( get_permalink( $featuredPosts[0]->ID ) ); ?>” rel=”bookmark”>
<div class=”feature_overlay”></div>
</a>
</div>
<div id=”featured-posts-grid”>
<div class=”featured-post-small featured-post”>
<a href=”<?php echo esc_url( get_permalink( $featuredPosts[1]->ID ) ); ?>”>
<?php echo get_the_post_thumbnail( $featuredPosts[1]->ID ); ?>
</a>
<div class=”feature_text”>
<?php $category = get_the_category($featuredPosts[1]->ID); ?>
<span class=”category”>
<a href=”<?php echo get_category_link($category[0]->term_id ); ?>”><?php echo $category[0]->cat_name; ?></a>
</span>
<h2 class=”entry-title”>
<a href=”<?php echo esc_url( get_permalink( $featuredPosts[1]->ID ) ); ?>” rel=”bookmark”><?php echo $featuredPosts[1]->post_title; ?></a>
</h6>
</div>
<a href=”<?php echo esc_url( get_permalink( $featuredPosts[1]->ID ) ); ?>” rel=”bookmark”>
<div class=”feature_overlay”></div>
</a>
</div>
<div class=”featured-post-small last featured-post”>
<a href=”<?php echo esc_url( get_permalink( $featuredPosts[2]->ID ) ); ?>”>
<?php echo get_the_post_thumbnail( $featuredPosts[2]->ID ); ?>
</a>
<div class=”feature_text”>
<?php $category = get_the_category($featuredPosts[2]->ID); ?>
<span class=”category”>
<a href=”<?php echo get_category_link($category[0]->term_id ); ?>”><?php echo $category[0]->cat_name; ?></a>
</span>
<h2 class=”entry-title”>
<a href=”<?php echo esc_url( get_permalink( $featuredPosts[2]->ID ) ); ?>” rel=”bookmark”><?php echo $featuredPosts[2]->post_title; ?></a>
</h6>
</div>
<a href=”<?php echo esc_url( get_permalink( $featuredPosts[2]->ID ) ); ?>” rel=”bookmark”>
<div class=”feature_overlay”></div>
</a>
</div>
<div class=”clearfix”></div>
</div>
<div class=”clearfix”></div>
</div>
<?php } ?>
<?php endif; // featured posts checker if ends here ?>

<div id=”primary” class=”content-area col-sm-8″>
<main id=”home-main” class=”site-main” role=”main”>

<?php if ( have_posts() ) : ?>

<?php while ( have_posts() ) : the_post(); ?>
<?php global $post; ?>
<div <?php //post_class(‘article-box’); ?>>
<?php if ( has_post_thumbnail() ) { ?>
<div class=”thumbnail-wrap”>
<div class=”post_category fixed”>
<?php
$category_list = explode(‘, ‘, (get_the_category_list( __( ‘, ‘, ‘trident’ )) ));
echo $category_list[0];
?>
</div>
<div class=”entry-image”>
<a href=”<?php echo esc_url( get_permalink() ); ?>”>
<?php the_post_thumbnail(); ?>
</a>
</div>
</div>

<?php } ?>
<header class=”entry-header”>
<h1 class=”entry-title”><?php the_title(); ?></h1>
</header><!– .entry-header –>

 

<div class=”entry-content”>
<?php the_content(); ?>
</div><!– .entry-content –>
</div>

<?php endwhile; ?>

<div class=”clearfix”></div>

<?php trident_paging_nav(); ?>

<?php else : ?>

<?php get_template_part( ‘content’, ‘none’ ); ?>

<?php endif; ?>

</main><!– #main –>
</div><!– #primary –>

<?php get_sidebar(); ?>
<?php get_footer(); ?>

Exit mobile version