Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1085817

    Hi,

    I can’t find a downloadable demo that shows this (hoping there is one), and have been wracking my brain trying to figure how you set up the the 2/3 Slider Ajax Single Portfolio here:

    Which is exactly what my client wants. So perfect. Another Enfold license for sure this will sell them.

    screenshot here:

    http://nycartdirector.com/wp-content/uploads/2019/04/two-thirds-ajax-slider-portfolio.jpg

    Wherein a thumbnail in a portfolio grid pops up on top of same grid with a slider on the left and an accordion on the right (with some text above it) and those two pieces are contained within a light grey box. Plus top right navigation, Brilliant.

    Thanks so much,

    Tony

    #1086649

    Hey tonyiatridis,

    It is a portfolio grid with these settings
    Image 2019-04-03 at 19.41.35.png

    https://cl.ly/85b71c01ef35 The accordion is added with the shortcode to the preview text to the gallery of the single portfolio item.

    Best regards,
    Victoria

    #1090286

    Hi,

    Thanks for your response. One question though, I notice even in your demo at a certain specific width the url you have there crops a bit prior to when the theme switches to the mobile view. I’m having an issue with long single word headlines doing the same thing and having to be tiny to not crop at a narrower browser width. Granted not a width most people would be looking at, but nonetheless will be a problem with this client.

    your demo: https://kriesi.at/themes/enfold/portfolio/portfolio-ajax/

    So follow up question is it possible to change the widths the the text field to the right is a bit wider? I’m assuming the left is 2/3 and the right 1/3 by default.

    Or maybe there’s a way to set Enfold to switch to the mobile view at a wider width and avoid the issue in that manner? Not talking the just menu here I see a setting for that, but rather the whole layout.

    https://nycartdirector.com/janicemedia/wp-content/uploads/2019/04/cropping.jpg

    The url above shows the cropping issue on your demo. This is more pronounced on the layout I’m trying to put together because of oddly long single word headers (brand names).

    Thanks,

    Tony

    #1090597

    Hi Tony,

    Glad that you made great progress!

    Please try the following css:

    
    .toggle_content p {
        word-wrap: break-word;
    }
    

    Best regards,
    Victoria

    #1090773

    Hi Victoria,

    Thanks for following up. Ok, the word wrap within the demo you have would work because the toggle is in the accordion. Good to know I wasn’t even aware of that CSS, glad to learn something new. However…in my instance the issue is with the titles (long brand names sometimes 12 to 14 characters long.

    The theme seems to pull the title in as an h2 in that particular layout as the title of the right panel. So using the same code you provide with the h2 tag does break those longer brand names. Not a prefect solution but better than having the right side of the word crop off. I think it would be very rare anyone would have the browser width to a place where it would break anyway as I set the h2 tag kind of small in advanced styling, so…since I believe i not reinventing the wheel, good enough. :)

    Thanks

    #1091996

    Hi tonyiatridis,

    Well, there is not much space there and so the text will be wrapping, there’s not much else that can be done here.

    Best regards,
    Victoria

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