-
AuthorPosts
-
April 2, 2019 at 4:41 am #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
April 3, 2019 at 6:43 pm #1086649Hey tonyiatridis,
It is a portfolio grid with these settings
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,
VictoriaApril 13, 2019 at 6:49 am #1090286Hi,
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
April 14, 2019 at 12:07 pm #1090597Hi Tony,
Glad that you made great progress!
Please try the following css:
.toggle_content p { word-wrap: break-word; }
Best regards,
VictoriaApril 14, 2019 at 11:33 pm #1090773Hi 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
April 17, 2019 at 1:34 pm #1091996Hi 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 -
AuthorPosts
- You must be logged in to reply to this topic.