Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • December 9, 2013 at 12:12 am #197830
    jaroljmek

    Hi there

    New to the theme. Looks fab.

    When using the Ajax Portfolio, and clicking on a thumbnail, is it possible to have the individual portfolio image appear full width of the page? As far as I can work out, images appear 2/3 of the page only with text on the right.

    It would be great to display a full width image of the Portfolio Item as the grid drops down.

    Hope that’s an easy fix. Many thanks!

    December 9, 2013 at 6:19 am #197929
    Ismael

    Hi jaroljmek!

    Do you want to remove the text on the right then adjust the portfolio featured image full width?

    Regards,
    Ismael

    December 9, 2013 at 11:36 am #198001
    jaroljmek

    Hi Ismael,

    That was a fast response.

    Yes, I’m hoping to use Enfold to display a client’s handmade rugs. Here is my mock up page:

    http://www.jaroljmek.com/collection-test/

    1. What would be great is, for example, the first image ‘Girl by Window’, on click, pops up as a full width image, without text, but retaining < > and x navigation.
    2. I assume the proportions of the Ajax thumbnails and featured images maintain the original proportions ie if you want a grid of squares you need to save featured images in 1 x 1 ratio?
    3. Is it possible to disable the lightbox pop up for the featured image?
    4. Is it possible to disable the link on the Portfolio Title i.e. when clicking ‘Girl by Window’.
    5. If you do not want to display the additional thumbnail/s under the featured image you must set the entry to ‘Image List’?
    6. Finally, in Ajax Portfolio, is it complicated to increase the space/padding slightly between grid columns?

    Sorry for all the questions. Just trying to see if I can tweak this element of the theme to suit my purpose.

    Thanks in advance!

    December 9, 2013 at 9:01 pm #198193
    Yigit

    Hi!

    Please add following code to Quick CSS in Enfold theme options under Styling tab

    .portfolio-preview-content { display: none; }
.portfolio-preview-image { width: 100%; }
#top .portfolio-preview-image .avia-gallery .avia-gallery-big { height: auto!important; }

    Best regards,
    Yigit

    December 9, 2013 at 10:29 pm #198230
    jaroljmek

    Thanks very much!

    That looks terrific.

    Finally,

    1. Is it in any way possible to retain the Title and Preview Text overlaid on the image (in the same way that the navigation < > and x is still there?

    2. Is it possible to remove the lightbox link?

    Thanks!

    December 9, 2013 at 11:23 pm #198250
    Yigit

    Hi!

    1)You are going to need to hire a freelance developer for that kind of customization as it is beyond the scope of support we can provide. You can also request quote here.
    2) Please add following code to Quick CSS as well

    #top .portfolio-preview-image .avia-gallery .avia-gallery-big { pointer-events: none;
cursor: default; }

    Regards,
    Yigit

    December 10, 2013 at 12:25 am #198296
    jaroljmek

    Hi!

    Thanks for you super fast support. Totally understood regarding Point 1. I realise that’s a major customisation.

    Regarding disabling the Lightbox link when using Ajax Portfolio, that CSS doesn’t seem to work:

    http://www.jaroljmek.com/collection-test/

    The first item, Girl by Window, pops up full width now but the lightbox link appears when hovering over the image. That’s the link + opacity overlay that I’d like to remove.

    Hope that’s clear and thanks very much again for the help!

    December 10, 2013 at 2:59 am #198333
    Yigit

    Hey!

    Do you mind creating a temporary admin login and posting it here privately?

    Regards,
    Yigit

    December 10, 2013 at 11:33 am #198482
    jaroljmek
    This reply has been marked as private.
    December 11, 2013 at 2:45 pm #198999
    Yigit

    Hi!

    Changes are done. Please review your website. You can find custom CSS code i added in Quick CSS section

    Regards,
    Yigit

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Ajax Portfolio – full width individual image’ is closed to new replies.