Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #919122

    HI,

    I am currently using a grid style for the blog post titles on our blog page and the home page. I need help with the following:

    1) How to reduce the excerpt lines for each blog post. Right now on our home page – each blog has 6/7 lines and I want to limit it to 2/3 lines.

    2) I want to create a border around each blog grid/ thumbnail

    3) How to apply shadows to the the buttons/ text

    I would greatly appreciate your quick response to this.

    Link to our home page is in the section below.

    Many thanks

    #920173

    Hey Kamakshi,

    1. Try adding this php code at the bottom of your functions.php:

    function avf_post_slider_entry_excerpt_custom($excerpt, $prepare_excerpt, $permalink, $entry ) {
    	$excerpt = wp_trim_words( $excerpt, 10 );
    	return $excerpt;
    }
    add_filter('avf_post_slider_entry_excerpt', 'avf_post_slider_entry_excerpt_custom', 10, 4);

    2. Try adding this css code in Quick CSS (located in Enfold > General Styling):

    #top .avia-content-slider a.slide-image {
        border: 1px solid #fff;
    }

    just adjust the thickness and color.

    3. As for applying shadows to text, you can try this code, but it doesn’t look nice, you might want to adjust the color:

    #top .avia-content-slider .slide-entry-excerpt.entry-content {
        text-shadow: 0 0 3px rgba(0,0,0,0.3);
    }

    Let us know if this helps.

    Best regards,
    Nikko

    #924804

    Hi Nikko,

    This is regarding my 2nd query. I want to create a border across whole the whole gird and not just the image. So the title, image and the excerpt fall within the border. Could you help with the CSS on this, please? Thanks

    #925338

    Hi Kamakshi,

    Sorry for misunderstanding, try using this instead of the code I gave:

    .avia-content-slider-inner article.slide-entry {
        border: 1px solid #ccc;
    }
    
    .avia-content-slider-inner article.slide-entry .slide-content, 
    .avia-content-slider-inner article.slide-entry .entry-footer {
        padding-left: 12px;
        padding-right: 12px;
    }
    
    .avia-content-slider-inner article.slide-entry .entry-footer {
        padding-bottom: 20px;
    }

    Hope it helps :)

    Best regards,
    Nikko

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.