Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • June 15, 2017 at 1:27 pm #808556
    Krissieg

    Hi guys,

    My client wants this kind of affect on the website I’m creating for them: https://www.servicenow.com/company/executive-team.html
    At the moment, this is what I’ve done: http://serviceintegrators.co.uk/building-it-systems/why-us/
    (Scroll to the bottom)
    Is there anyway I can stop people clicking to the next person when the Ajax opens and just stay contained on the one profile?

    Thanks

    June 17, 2017 at 6:56 pm #809348
    Mike

    Hey Krissie,
    The url seems to be 404 now, do you still need help with this?

    Best regards,
    Mike

    June 19, 2017 at 4:37 pm #809864
    Krissieg

    Hi Mike, Don’t worry I found another plugin to display the team now.
    Thanks

    June 20, 2017 at 6:07 am #810159
    Rikard

    Hi,

    Great, glad you found a solution. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    June 20, 2017 at 10:38 am #810288
    Krissieg

    Well, I do have one more query. Regarding your own Ajax portfolio pop-up, is there a way to just show the featured image and not have anything else appear in the box next to the text? The Slider option is the closest I can get to what I want but it’s sooo big. Is there anyway of reducing the size of the slider option, so that the text is more dominant?

    Thanks

    June 20, 2017 at 7:57 pm #810623
    Victoria

    Hi Krissieg,

    Which page are you talking about here? Or for what do you want to implement it? For the team?

    Best regards,
    Victoria

    June 21, 2017 at 10:06 am #810873
    Krissieg

    It’s for this page: http://serviceintegrators.co.uk/clients/

    If you select the active logos which have a link the logo is massive when you open the ajax. Is there a way of reducing the logo down?
    Please check out the NHS one as an example -it’s huge!

    Thanks

    June 21, 2017 at 11:56 am #810917
    Krissieg

    See screengrab: http://prntscr.com/fmcooo

    Also, is there a way of disabling the arrows from scrolling through each entry within the portfolio grid? At the moment the links on the majority of logos have been deactivated using the following code:

    .page-id-3344 .grid-entry .inner-entry {
    pointer-events:none !important;
    }
    .page-id-3344 .post-entry-4552.grid-entry .inner-entry,
    .page-id-3344 .post-entry-4583.grid-entry .inner-entry,
    .page-id-3344 .post-entry-4575.grid-entry .inner-entry {
    pointer-events:auto !important;
    }

    However, when the Ajax pop-up appears you can still view the posts of the deactivated logos. I would like these hidden and just show the posts that have content please. If it is easier to deactivate the arrows completely on the Ajax pop-up then this is fine.

    Thanks

    June 22, 2017 at 2:14 pm #811540
    Victoria

    Hi Krissieg,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css, this will reduce the logos and hide the next and prev buttons.

    
.avia-gallery-big .avia-gallery-big-inner img, .active-slide img { width: 30% !important; }
.ajax_controlls.iconfont .ajax_next, .ajax_controlls.iconfont .ajax_previous{ display: none; }

    If you need further assistance please let us know.
    Best regards,
    Victoria

    • This reply was modified 7 years, 6 months ago by Victoria.
    June 22, 2017 at 2:35 pm #811548
    Krissieg

    This is great! Thanks very much! :)

    June 22, 2017 at 2:42 pm #811557
    Krissieg

    One more thing, if it’s possible… is there a way of showing the writing underneath the image, rather than to the right?
    And why isn’t there the option to have an overlay on Portfolio items? Like in the Masonry grid?
    :)

    June 22, 2017 at 7:20 pm #811772
    Victoria

    Hi Krissieg,

    The easiest thing to do is this:

    
.portfolio-preview-image {
    width: 34%;
}
.portfolio-preview-content {
    width: 66%;
}

    Let me know what you think :)
    Best regards,
    Victoria

    June 27, 2017 at 1:02 pm #813384
    Krissieg

    Hi guys,

    Sorry to be a pain but can you just help me with the code for hiding the arrows on this portfolio entry?
    http://prntscr.com/fop4ag

    The web page is: http://serviceintegrators.co.uk/careers/

    And is there any way of getting the share code to share the actual career post rather than the page?

    Thanks very much!

    June 29, 2017 at 2:22 am #814173
    Mike

    Hi,
    Try this code in the General Styling > Quick CSS field to remove the arrows:

    .ajax_next, .ajax_previous {display:none !important; }

    Sorry I didn’t find a solution to share the actual career post rather than the page, sense it is page based.
    Please clear your cache :)

    Best regards,
    Mike

    June 29, 2017 at 10:17 am #814315
    Krissieg

    Great! Thanks Mike, it worked!
    You can close this thread now. :)

    June 29, 2017 at 11:44 am #814361
    Sarah

    Will do, Krissie. :) As always, just let us know here in the forums if you need further help.

    Cheers!
    Sarah

  • Author
    Posts
Viewing 16 posts - 1 through 16 (of 16 total)
  • The topic ‘Ajax pop up’ is closed to new replies.