Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • November 27, 2021 at 9:58 pm #1330698
    Veronika

    Hi dear Kriesi-Team,

    I have a few questions about the post slider:
    ( https://imgur.com/fwmIEKn ; https://imgur.com/SmQWYgF )

    1. How can I change the corner to be sharp and not rounded?
    2. I would like to change the space between the posts like in the second reference link. I would like the single posts to be bigger and the space in between to be smaller. How can I achieve that?
    3. Is there a way I could insert the category of the post between the picture and the title?
    4. I would love to delete the comments and just leave the date underneath the excerpt. How could I do that?

    Thank you very much for your help.

    Sincerely,
    Veronika

    November 28, 2021 at 2:11 am #1330712
    Mike

    Hey Veronika,
    Thank you for the link to your site and for the screenshot, the following css covers all of your requests except the categories because this element doesn’t show categories:
    2021-11-27_022.jpg
    Please try this code in the <strong style=’color:#000′>General Styling ▸ Quick CSS field or in the <strong style=’color:#000′>WordPress ▸ Customize ▸ Additional CSS field:

    #top.home #av_section_2 .avia-content-slider .slide-image, 
#top.home #av_section_2 .avia-content-slider .slide-image img {
    border-radius: 0px;
}
#top.home #av_section_2 .avia-content-slider div .av_one_fifth {
    margin-left: .5%;
    width: 19.2%;
}
#top.home #av_section_2 .avia-content-slider .slide-meta-comments,
#top.home #av_section_2 .avia-content-slider .slide-meta-del {
	display: none;
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    November 28, 2021 at 9:28 pm #1330756
    Veronika

    Hi Mike,

    thanks to your code, I was able to implement most of my ideas, there’s just a few more minute changes I’d like to make.

    I would really love to remove the arrow from the posts https://imgur.com/XQbob8e I would love to only have a slightly grey fade-in effect. Can I achieve it for the whole project? Or do I have to change it on every page?

    When I click on the arrows there is an animation which looks like this: https://imgur.com/rvkz7fn
    is there a way I could change it to this: https://imgur.com/RGZcL0q
    I like the fact that it is a closed circle and you can move it :)
    I already tried to change the arrows, it kind of worked, but I can’t find the right code to make the arrows a bit bolder and permanent, without disappearing. I would appreciate your advice in this too.

    Apart from this, unfortunately this problem came back –> https://imgur.com/FzkJ691 ; Everything is shifted to the right. Your previous tip helped immensely, maybe you could give me one more?

    You help is as always incredibly appreciated, the service you provide is incredible! :)

    Sincerely Veronika

    December 1, 2021 at 12:25 pm #1331143
    Ismael

    Hi,

    Thank you for the update.

    You can use this css code to remove the arrow or the image overlay.

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

    To change the slider animation, add this filter in the functions.php file.

    add_filter("avf_post_slider_args", function($args) {
	$args["animation"] = "slide";
	return $args;
}, 10, 1);

    If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.

    Thanks!

    Best regards,
    Ismael

    December 2, 2021 at 11:40 pm #1331364
    Veronika

    Hi,
    I tried to add the code to css code, but it did not worked. Where exactly is the “functions.php file”?

    thank you,
    all best,
    Veronika

    December 3, 2021 at 4:13 am #1331382
    Rikard

    Hi,

    Please try adding the PHP code Ismael sent under Appearance->Theme Editor, then find functions.php in there. Please note that the code in question will be overwritten on updates, unless you install and activate a child theme, then add the code in the child theme instead.

    Best regards,
    Rikard

    December 3, 2021 at 9:27 am #1331419
    Veronika

    Hi Rikard,

    thank you very much, it worked. You can close this topic.

    All best,
    Veronika

    December 3, 2021 at 10:35 am #1331431
    Rikard

    Hi,

    Thanks for the update, I’ll go ahead and close this thread for now then. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Content slider’ is closed to new replies.