Tagged: ,

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • November 16, 2016 at 2:49 am #712698
    Viramedia

    I really love Enfold, especially the features inside. I love for example using color sections with video background and just gibe to it 50% of the height. Im wondering, if I can make a custom Fullwidth easy slider with 50% height too since the slider yet is to high on this example of a Press Release

    3D Drohnen Vermessung aus dem Allgäu

    Unfortunately If I change the general settings in Quick CSS, it changes all Fullwitdh slider. So is it possible to create a custom css class that I can assign to certain fullwitdh slider only that should get 50% height?

    Thanks for helping

    November 16, 2016 at 7:23 am #712784
    Rikard

    Hey Viramedia,

    I’m not sure what CSS you are using but if you place the post or page specific class in front of it then it should only apply to that page or post. In your case:

    .postid-1826 *your CSS goes here*

    Best regards,
    Rikard

    November 16, 2016 at 10:40 am #712824
    Viramedia

    I understand… can I create a QuickCSS entry that I can always use for some fullwidht slider with only 50% height?

    If yes, how should be the quick CSS code? Im not a coder, so I need your help
    Thanks

    November 16, 2016 at 11:21 am #712836
    Viramedia

    Due to this issue explained here https://kriesi.at/support/forum/enfold/ I create a duplicate of the post for your reference to work on the slider height

    3D Drohnen Vermessung aus dem Allgäu

    November 16, 2016 at 12:15 pm #712861
    Rikard

    Hi,

    Yes, you should be able to do that. If you enable the custom CSS class field for all builder elements: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

    You can then assign a class to each slider you want to be affected by your CSS like so:

    .your-custom-class *your CSS goes here*

    Best regards,
    Rikard

    November 16, 2016 at 1:12 pm #712880
    Viramedia

    Thanks, I have already enabled Custom CSS

    but I need the quickCSS Code to make the fullwitdh easy slider only 50% height….

    can you help me regarding the QucikCSS Code?

    November 19, 2016 at 6:33 am #714269
    Ismael

    Hi!

    This is possible but it might distort the image.

    #full_slider_1 .avia-slideshow-inner, #full_slider_1 .avia-slideshow-inner img {
    height: 50vh !important;
}

    If you want to adjust the width of the images, please try this.

    #full_slider_1 .avia-slideshow-inner img {
    width: 70%;
}

    Adjust the values as you deem fit. You can turn on the custom css class field if you want to replace the generic selector (#full_slider_1) with a custom one.

    Cheers!
    Ismael

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