Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • January 6, 2017 at 4:36 am #730141
    PJ164

    I’m trying to make some changes in the Portfolio Grid – specifically in the AJAX portfolio popup.
    1) make the image 50% of the width
    2) make the text area 50% of the width.

    If possible, I’d also like to:
    3) remove the small thumbnail below the big image
    4) remove the overlay of the big picture
    5) remove the option to open the big picture in a lightbox.

    Regarding 1, 2 I used the following code in Quick CSS (with no effect):

    .portfolio-preview-image {
width: 50%;
}
.av_table_col.portfolio-entry.portfolio-preview-content {
width: 50%;
padding: 63px 30px 30px 30px;
}

    3,4,5 I haven’t tried yet, hoping you’ll be able to point me in the right direction.

    Thanks in advance!

    Peter

    January 9, 2017 at 10:10 am #731022
    Andy

    Hey PJ164,

    please always provide us a precise link showing the elements in question.

    1.) Try this code inside Quick CSS field:

    img.mfp-img {
width: 50%;
}

    2.) What do you mean? can you provide us a mockup of the results you want to achieve please?

    Please open a new ticket for a new question/issue, where you provide us a precise link showing the elements in question.

    Best regards,
    Andy

    January 10, 2017 at 3:54 am #731350
    PJ164

    I apologize for not being clearer. I attached an image that will hopefully explain everything.

    Basicly I want the image to be 50% of the width, and text to be 50% of the width.
    Because there is only 1 image in each portfolio item, I do not need a thumbnail, overlay or pop-up.
    It’s a bit of an unusual website, pretty much stripped to what is absolutely necessary.

    January 10, 2017 at 6:31 pm #731668
    Andy

    Hi,

    Would you mind providing a precise link to your site, showing the elements in question? We need to be able to inspect them in order to help :)

    Best regards,
    Andy

    January 10, 2017 at 8:53 pm #731715
    PJ164

    Sure.

    January 13, 2017 at 4:55 pm #733202
    Andy

    Hi,

    1.) Use this code inside Quick CSS field:

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

    2.) Use this code:

    a.lightbox.lightbox-added {
display: none;
}

    3.) Use this code:

    a.avia-gallery-big.fakeLightbox.lightbox.avia-gallery-big-crop-thumb {
width: 75%;
}
.entry-content-wrapper.entry-content {
width: 175%;
}
.av_table_col.portfolio-entry.portfolio-preview-content {
left: -16%;
}

    Adjust as needed.

    In the future please use different tickets for different issues/questions. This way you get a much faster reply.

    Best regards,
    Andy

    January 13, 2017 at 10:56 pm #733343
    PJ164

    Andy, thank you very much for your help: that works perfectly.

    I added the following lines to fix the title width and to remove the thumbnail – perhaps it is useful for someone else

    
/* fix title width */
.template-page .entry-content-wrapper h1, .template-page .entry-content-wrapper h2 {
width: 150%;
}

/* remove thumb img */
#top .portfolio-preview-image .avia-gallery-thumb img {
display: none;
}

    I thought it would be easier for you guys to have related questions in one place – ‘faster’ wasn’t a concern – but I’ll open separate tickets should I need more help in the future.

    Feel free to close this ticket.

    Peter

    January 16, 2017 at 4:52 pm #734186
    Andy

    Hi,

    Glad we could help!
    We really appreciate it if you rate our theme on themeforest https://themeforest.net/downloads
    To know more about enfold features please check – http://kriesi.at/documentation/enfold/
    Thank you for using Enfold :)

    Best regards,
    Andy

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘AJAX Portfolio changes’ is closed to new replies.