Make Blog Post Previous and Next Arrows bigger

Hey kilimats,

You can add following code to Quick CSS in Enfold theme options under General Styling tab to change its background color

#top .avia-post-nav {
    background: rgba(255,0,0,0.1);
}
#top .avia-post-nav:hover {
    background: rgba(255,0,0,0.8);
}

255,0,0 is RGB value of the color and 0.1 is opacity level

Or you can use following code to always display it

.avia-post-nav .entry-info-wrap {
    width: 240px;
}

Best regards,
Yigit

Hi!

Please add following code to Quick CSS as well

.avia-post-nav .entry-image { display: none !important; }

Sorry, i did not understand the second question, can you please elaborate on it?

Best regards,
Yigit

Hi,

Add this css code to adjust the title alignment of the “next button”:

.avia-post-next.with-image {
    text-align: left;
}

Add this in the functions.php file to display the time:

	function avia_post_nav($same_category = false, $taxonomy = 'category')
	{
		global $wp_version;
	        $settings = array();
	        $settings['same_category'] = $same_category;
	        $settings['excluded_terms'] = '';
			$settings['wpversion'] = $wp_version;

		//dont display if a fullscreen slider is available since they overlap
		if((class_exists('avia_sc_layerslider') && !empty(avia_sc_layerslider::$slide_count)) ||
			class_exists('avia_sc_slider_full') && !empty(avia_sc_slider_full::$slide_count) ) $settings['is_fullwidth'] = true;

		$settings['type'] = get_post_type();
		$settings['taxonomy'] = ($settings['type'] == 'portfolio') ? 'portfolio_entries' : $taxonomy;

		if(!is_singular() || is_post_type_hierarchical($settings['type'])) $settings['is_hierarchical'] = true;
		if($settings['type'] === 'topic' || $settings['type'] === 'reply') $settings['is_bbpress'] = true;

	        $settings = apply_filters('avia_post_nav_settings', $settings);
	        if(!empty($settings['is_bbpress']) || !empty($settings['is_hierarchical']) || !empty($settings['is_fullwidth'])) return;

	        if(version_compare($settings['wpversion'], '3.8', '>=' ))
	        {
	            $entries['prev'] = get_previous_post($settings['same_category'], $settings['excluded_terms'], $settings['taxonomy']);
	            $entries['next'] = get_next_post($settings['same_category'], $settings['excluded_terms'], $settings['taxonomy']);
	        }
	        else
	        {
	            $entries['prev'] = get_previous_post($settings['same_category']);
	            $entries['next'] = get_next_post($settings['same_category']);
	        }

		$entries = apply_filters('avia_post_nav_entries', $entries, $settings);
        $output = "";

		foreach ($entries as $key => $entry)
		{
            if(empty($entry)) continue;
			$the_title 	= isset($entry->av_custom_title) ? $entry->av_custom_title : avia_backend_truncate(get_the_title($entry->ID),75," ");
			$link 		= isset($entry->av_custom_link)  ? $entry->av_custom_link  : get_permalink($entry->ID);
			$image 		= isset($entry->av_custom_image) ? $entry->av_custom_image : get_the_post_thumbnail($entry->ID, 'thumbnail');
			$time 		= "<time class='date-container minor-meta updated' >".get_the_time(get_option('date_format'), $entry->ID)."</time>";

            $tc1   = $tc2 = "";
            $class = $image ? "with-image" : "without-image";

            $output .= "<a class='avia-post-nav avia-post-{$key} {$class}' href='{$link}' >";
		    $output .= "    <span class='label iconfont' ".av_icon_string($key)."></span>";
		    $output .= "    <span class='entry-info-wrap'>";
		    $output .= "        <span class='entry-info'>";
		    $tc1     = "            <span class='entry-title'>{$the_title}</span>$time";
if($image)  $tc2     = "            <span class='entry-image'>{$image}</span>";
            $output .= $key == 'prev' ?  $tc1.$tc2 : $tc2.$tc1;
            $output .= "        </span>";
            $output .= "    </span>";
		    $output .= "</a>";
		}
		return $output;
	}

Adjust the position of the date container in the Quick CSS field.

Best regards,
Ismael

Hi!

also i would like to add the following code to my function.php file to keep things organized instead of the quick CSS box, when i add that code there it crash, how should i format it?

That is a css code so you can’t put it in a php file. Add this css code to adjust the position of the date:

.avia-post-next .date-container.minor-meta {
    position: absolute;
    left: 20px;
}

.avia-post-prev .date-container.minor-meta {
    right: 20px;
    position: absolute;
}

Use this to remove the “camera” icon:

.template-blog .blog-meta {
    display: none;
}

.big-preview {
    display: block;
    padding: 0 50px 10px 0px;
}

For additional inquiry, please create a new thread. Thank you.

Best regards,
Ismael