• Closed
  • TONY HANF
    Spectator
    July 9, 2015 at 5:32 pm #18727

    Hi,

    Is there any way I can modify the height of the post slider? It seems like the only place where I can modify it is under theme options – post slider. But even there, the options are limited. On desktop it’s fine but on mobile the height is really too long and the photo and title/description is squished together. I would also like to take away the description and just have the photo and title of the post. Is there any code I can copy and paste?

    Thanks!

    Denzel Chia
    Moderator
    Posts: 2656
    July 9, 2015 at 6:14 pm #18731

    Hi,

    Please post your url to your post slider.

    Thanks!
    Denzel

    TONY HANF
    Spectator
    Posts: 8
    July 10, 2015 at 2:06 am #18739

    http://yogichogi.net/restaurants/

    Here it is, thanks!

    Ps. I would love it to have the same height as the front page layer slider.

    http://yogichogi.net

    Denzel Chia
    Moderator
    Posts: 2656
    July 10, 2015 at 5:42 am #18742

    Hi,

    Please use the following in your Theme Options -> Custom CSS

    @media(max-width:768px) {
    .anythingSlider .slide.panel > p {
    display: none ! important;
    }
    }

    We remove the description first. If it works for you, then we adjust the slider height.

    Thanks!
    Denzel

    TONY HANF
    Spectator
    Posts: 8
    July 12, 2015 at 11:54 am #18817

    Hello,

    Thanks for your reply. I tried the above code but there was no change. The description on the post slider was still there and nothing changed either on desktop or mobile.

    Denzel Chia
    Moderator
    Posts: 2656
    July 13, 2015 at 7:08 am #18823

    Hi,

    Sorry, please remove the previous code and try the following.

    @media(max-width:768px) {
    .anythingSlider .slide.panel p {
    display: none ! important;
    }
    }

    The previous code’s > was converted to HTML entity by the theme, so it does not work.

    Thanks!
    Denzel

    TONY HANF
    Spectator
    Posts: 8
    July 13, 2015 at 6:40 pm #18869

    Ok! Thank you so much it worked just great! It took away the description on mobile just how I wanted.

    Now is it possible to make the height about a third as much as it is now on mobile? (desktop is OK as is)

    http://yogichogi.net/restaurants/

    TONY HANF
    Spectator
    Posts: 8
    July 13, 2015 at 7:20 pm #18870

    By the way does Evolve use Ajax to load content onto pages?

    Denzel Chia
    Moderator
    Posts: 2656
    July 14, 2015 at 6:33 am #18875

    Hi,

    For adjusting the slider height, Please try the following in Theme Options -> Custom CSS
    Please adjust the px according to your requirement.

    @media(max-width:768px) {
    .menu-back {
    height: 260px;
    }
    .anythingSlider.anythingSlider-default.activeSlider {
    max-height: 210px;
    }
    .slide-container {
    max-height: 190px;
    }
    }

    As for your second question. Yes, there is Ajax, it’s for loading custom css on website front end.

    Thanks!
    Denzel

    TONY HANF
    Spectator
    Posts: 8
    July 14, 2015 at 10:27 am #18887

    Hi Denzel and thanks again for your continued support and also answering my query about AJAX.

    The code you just gave me above works well for the post slider….but it also negatively affects all the other sliders on my site. Is there a way to isolate the post slider only? Additionally, the space allotted to the title is quite small. Can you increase the area for the title and/or just center the photo and place the title below it?

    Denzel Chia
    Moderator
    Posts: 2656
    July 15, 2015 at 4:40 am #18895

    Hi,

    Sorry, Not possible, the post slider does not have a special ID. You can use revolution slider or layer slider for other slides, and the custom css code will not affect them.

    Thanks!
    Denzel

Viewing 10 replies - 1 through 10 (of 11 total)