Viewing 20 posts - 1 through 20 (of 20 total)
  • Author
    Posts
  • March 4, 2014 at 11:39 am #232138
    Benjaminlivingthebrand

    Hi,

    Currently i am using the Ajax portfolio preview and i would like to give every static preview a different size. so for one part i want it to display with a 100% width

    March 4, 2014 at 1:40 pm #232181
    Ismael

    Hi Benjaminlivingthebrand!

    Can you please post a screenshot of what you’re trying to do? I think it is not possible to set different width for ajax portfolio preview without major css modifications.

    Cheers!
    Ismael

    March 4, 2014 at 2:54 pm #232224
    Benjaminlivingthebrand
    This reply has been marked as private.
    March 5, 2014 at 3:38 am #232518
    Josue

    Hey!

    Try using the .ajax_slide_xx class to differentiate them, where xx would be the portfolio ID.

    Best regards,
    Josue

    March 5, 2014 at 10:14 am #232638
    Benjaminlivingthebrand

    The clients is loading his own items later on. And i still want it to behave according to how i inserted it. Is there a possibility to write a static code, without using the “xx” portfolio ID’s? or is it possible to format the portfolio id’s so the client doesn’t encounter problems with this when they are adding more portfolio items?

    March 5, 2014 at 6:23 pm #232848
    Josue

    Hello!

    It is possible but that would require a heavy customization and unfortunately that’s beyond the scope of the support we can offer. If you really need it try hiring a freelancer for the job or if you prefer request a quote here.

    Cheers!
    Josue

    March 19, 2014 at 5:24 pm #240178
    Benjaminlivingthebrand

    Hey!

    Try using the .ajax_slide_xx class to differentiate them, where xx would be the portfolio ID.

    Can you explain little bit more which css i need to use for this?

    March 19, 2014 at 5:31 pm #240188
    Benjaminlivingthebrand

    What i do now is:

    .page-id-36 .avia-builder-el-7 .portfolio_preview_container .open_container .ajax_slide_data-portfolio-id=”2″

    this doesnt work…

    March 20, 2014 at 2:39 am #240452
    Josue

    Hey!

    The selector should be:

    .page-id-36 .avia-builder-el-7 .portfolio_preview_container .open_container .ajax_slide_2{
}

    Best regards,
    Josue

    March 20, 2014 at 6:00 am #240503
    rickytherhino

    In this line too, you guys had given me some code about using a fixed height but said it would like break the content. What is the best way to display photo albums with Enfold that can fit on the page?

    Thanks!
    Daniel

    March 20, 2014 at 6:07 am #240512
    Josue

    Hi Daniel,

    Can you post the link to your website please?

    Regards,
    Josue

    March 20, 2014 at 6:08 am #240515
    rickytherhino

    Sorry… http://www.taitwebdesigns.com/photo-gallery. Just trying to find the best way to display these images without excessive load time or having it be bigger than a normal laptop screen when the gallery is open.

    Daniel

    March 20, 2014 at 6:20 am #240520
    Josue

    Hi!

    Have you tried uploading smaller images?
    http://taitwebdesigns.com/wp-content/uploads/2014/02/Closed-foam-around-package-unit-710×575.jpg

    Cheers!
    Josue

    March 20, 2014 at 6:30 am #240524
    rickytherhino

    Do you think I should try to resize them all down prior to uploading and that would help the size of the galleries?

    Daniel

    March 20, 2014 at 6:47 am #240529
    Josue

    Yes, but you’ll need to add this code to the Quick CSS:

    .portfolio-preview-image {
    width: 47.15% !important;
}
.portfolio-preview-content {
    width: 52.4% !important;
}

    Result (568×460 image):

    Regards,
    Josue

    March 20, 2014 at 12:28 pm #240659
    Benjaminlivingthebrand

    The code provided doesn’t work as a css selector.. can you please help me get the right css code for this?

    March 20, 2014 at 8:10 pm #240856
    Josue

    Hi,

    Can you post the link to your website please?

    Regards,
    Josue

    March 22, 2014 at 6:03 am #241520
    rickytherhino

    Hmm.. I added the quick code but the image is still larger than my screen. Any thoughts?

    March 23, 2014 at 1:12 am #241691
    Josue

    Try the following:

    .portfolio-preview-image {
    width: 30% !important;
}
.portfolio-preview-content {
    width: 70% !important;
}

    Adjust as needed.

    Cheers!
    Josue

    March 24, 2014 at 6:22 am #241947
    rickytherhino

    Perfect thanks!

  • Author
    Posts
Viewing 20 posts - 1 through 20 (of 20 total)
  • The topic ‘Giving the ajax portfolio entries different sizes.’ is closed to new replies.