Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • June 4, 2017 at 4:42 pm #803629
    michellerunge

    Hi!

    In one part of my website, I am using the Blog Slider with exerpt: http://unpackdesign.com.br/#workshops

    The problem is that the fonts are extremely big… How can I make them smaller and centralized? And how to make the comments, and date disappear from this preview?

    As you can see, I am using a pattern as background of this section. Is there a way to have a color background only for the exerpt? Like they do in this blog: http://blog.urbanoutfitters.com/

    Thank you very much in advance!

    June 4, 2017 at 5:21 pm #803641
    Mike

    Hey michellerunge,
    Try this code in the General Styling > Quick CSS field:

    h3.slide-entry-title.entry-title {font-size: 12px !important; }
.slide-meta {display:none !important; }
.slide-entry-excerpt.entry-content {font-size: 12px !important; line-height: 15px !important;}

    Feel free to tinker with the sizes until you see what you like :)
    As for the background image, this works:

    .slide-entry {background-image: url(https://unpackdesign.com.br/wp-content/uploads/2015/07/borafazendo-1500x664.png)!important;}

    but your image is too big. Try a smaller image or a color like this:

    .slide-entry {background-color: yellow !important; }

    Best regards,
    Mike

    June 4, 2017 at 5:46 pm #803647
    michellerunge

    Hi Mike!

    Thank you so much for this! It worked!

    Now, I just want to change the exerpt limit, to have more text showing and make the “read more” button white.

    Do you know to do that?

    Thank you!

    June 4, 2017 at 6:02 pm #803656
    michellerunge

    Hi mike!

    One more thing I forgot, Is it possible for the Post Title display as centered overlay (overlays the image) ?

    Thank you!

    June 4, 2017 at 6:44 pm #803662
    Mike

    Hi,
    To change the excerpt limit there are a few options, but the best I believe is to use the excerpt field below each post, this allows you to set the excerpt you wish to show, whether it is different text all together, or just longer. To use this option go to a post, and at the top of the page click “Screen Options” and choose the “Excerpt” box.

    Best regards,
    Mike

    June 4, 2017 at 6:54 pm #803665
    michellerunge

    Hi mark!

    This works! But I still want to have a max limit for the exerpt. Since I won`t be the only one posting I feel that people could write too much…

    Is it possible for the Post Title display as centered overlay (overlays the image) ?

    Thank you so much for all the help! I really appreciate it!

    June 4, 2017 at 7:52 pm #803689
    Mike

    Hi,
    For the post grid excerpt length add this to the end of your functions.php

    add_filter('avf_postgrid_excerpt_length','avia_change_postgrid_excerpt_length', 10, 1);
function avia_change_postgrid_excerpt_length($length)
{
   $length = 200;
   return $length;
}

    Note that it counts characters, and the manual excerpt overwrites it :)
    Sorry I’m not able to overlay your post title and have it looking good across devices :(

    Best regards,
    Mike

    June 4, 2017 at 10:13 pm #803713
    michellerunge

    Hi Mike!
    Thank you very much!

    I have a different question for you now. I made a code in one section using the Code Block elemento, to create a new hover effect for one single image:

    <a href="http://unpackdesign.com.br/#portfolio"> <img onmouseover="this.src='http://unpackdesign.com.br/wp-content/uploads/2017/06/portfolio.png';" onmouseout="this.src='http://unpackdesign.com.br/wp-content/uploads/2017/06/portfolio-antes.png';" src="http://unpackdesign.com.br/wp-content/uploads/2017/06/portfolio-antes.png" alt="what-ever-you-like" /></a>

    What is happening is that the mouse hover is not the one I created, is the default one, with white background and Icon.

    Before mouse hover: https://drive.google.com/file/d/0B9Cl0WGu5B3BUHd4Nl9FMUx6VHc/view?usp=sharing
    During mouse hover: https://drive.google.com/file/d/0B9Cl0WGu5B3Bb3NiVURkTllyUVk/view?usp=sharing

    How can I turn off this default mouse hover on this particular area? I gave a Custom CSS class for this code section called “balao-portfolio”

    This is on the top od the home page, here is the link: http://unpackdesign.com.br/

    Thank you very much for all of this!

    • This reply was modified 7 years, 5 months ago by michellerunge.
    June 5, 2017 at 2:30 pm #803939
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    .balao-portfolio .image-overlay {
    display: none!important;
}

    Best regards,
    Yigit

    June 5, 2017 at 3:08 pm #803961
    michellerunge

    Hi Yigit!

    Thank you so much! It is working with perfection!

    Best regards!

    June 5, 2017 at 3:11 pm #803965
    Yigit

    Hey!

    You are welcome! :)

    For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
    For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Blog Slider Preview Exerpt’ is closed to new replies.