Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
  • #943930

    HI there!

    I’m trying to accomplish a couple of things for the Post Slider – see the mockup linked in the private content (the four images under the main banner). I have set it up so the Post Slider displays Portfolio Entries so I can get those left & right scrolling arrows.

    Here’s the challenge:

    1) Remove the rounded edges on the slider images
    2) Link the images to a lightbox – I can’t seem to figure that one out!
    3) Remove any and all padding between images
    4) Make the Portfolio Entries full width. of the site, like I’ve mocked up

    For #1, I’ve tried some code previously supplied to me in another thread that did not work at all:

    .avia-content-slider .slide-image, .avia-content-slider .slide-image img {
    border-radius: 0;

    Your help, as always, is SO so appreciated!



    Hey kellyCraftMedia,
    To open the thumbnail of the post slider in a lightbox please try this solution
    To remove the margin from the slides please try this css:

    #top.home .avia-content-slider-inner .slide-entry-wrap .slide-entry.flex_column {
        margin-left: 0%!important; 

    Please remove the permissions for viewing your mockup.

    Best regards,


    Try this link.

    And the round edges?



    Odd, I don’t see the round edges, perhaps I’m looking in the wrong place?
    Please see screenshot in Private Content area.

    Best regards,


    To make your post slider 100% width, please add your Post Slider inside a Color Section element with a unique ID –
    and then add following code to Quick CSS in Enfold theme options under General Styling tab

    #your-unique-id .container { max-width: 100%; margin: 0; padding: 0; }

    Best regards,


    Thanks Mike,

    The rounded edges must have resolved itself as I see the same thing you are!

    For the padding, it removed the space between the images but just moved the images over, so that there’s a bunch of extra space on the right side now and isn’t filling the whole space/area (see link)

    If you have a suggestion on how to remove the line below the portfolio grid, I’d appreciate that as well!



    To remove the border, please try:

    #top.home #after_section_2.container_wrap {
        border-top-style: none!important; 

    To make the slider 100% wide, Please try:

    #top.home #portfolio .avia-content-slider .slide-entry.av_one_fourth {
        width: 25%!important; 

    Best regards,


    Thank you Mike! Everything looks perfect with the exception of the lightbox. The link you provided is the opposite of what I’m looking for.

    Right now the portfolio image currently links to the portfolio item, opening in a new tab. I’m trying to get it the portfolio image to open in a lightbox instead, but can’t seem to find a way to select that option.

    Thanks again!


    To open portfolio image in lightbox, please go to the portfolio item and near the bottom go to Additional Portfolio Settings > Overwrite Portfolio Link setting and choose custom link, then in the next box enter the url to the image:

    Best regards,


    *facepalm* I feel like such a dummy!

    Thank you thank you thank you it works perfectly.

    We can close out this thread!


    Great job on the site :)
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    For your information, you can take a look at Enfold documentation here
    and the video tutorials here
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here
    For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

    Best regards,

Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Post Slider Customization’ is closed to new replies.