Tagged: , ,

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • April 19, 2018 at 7:15 am #943930
    Kelly Erickson

    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!

    Cheers,

    April 21, 2018 at 5:43 pm #944931
    Mike

    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,
    Mike

    April 21, 2018 at 5:51 pm #944934
    Kelly Erickson

    Try this link.

    And the round edges?

    Thanks!

    April 21, 2018 at 6:33 pm #944942
    Mike

    Hi,
    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,
    Mike

    April 21, 2018 at 6:43 pm #944944
    Mike

    Hi,
    To make your post slider 100% width, please add your Post Slider inside a Color Section element with a unique ID – http://kriesi.at/documentation/enfold/wp-content/uploads/sites/2/2013/12/color-section-ID.png
    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,
    Mike

    April 22, 2018 at 2:15 am #945002
    Kelly Erickson

    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!

    Thanks!

    April 22, 2018 at 3:35 pm #945046
    Mike

    Hi,
    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,
    Mike

    April 22, 2018 at 6:48 pm #945097
    Kelly Erickson

    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!

    April 22, 2018 at 7:29 pm #945104
    Mike

    Hi,
    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:
    2018-04-22_132440

    Best regards,
    Mike

    April 22, 2018 at 7:33 pm #945105
    Kelly Erickson

    *facepalm* I feel like such a dummy!

    Thank you thank you thank you it works perfectly.

    We can close out this thread!

    April 22, 2018 at 7:35 pm #945107
    Mike

    Hi,
    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,
    Mike

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