New Landing How can we help? Cardinal External url link on gallery image

Viewing 8 posts - 1 through 8 (of 8 total)
  • Posted in: Cardinal
  • #104382
    themartist
    Member
    Post count: 122

    I’d like to use a gallery/masonary format for social media. Obviously lightbox is disabled – problem is I don’t see a way a link to the url (e.g.: twitter url) on the rollover. Any help?

    #104484
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Hi,

    What asset are you trying to use it to achieve that?
    Do you have it already in your site? Can you point us out the location?

    -Rui

    #104578
    themartist
    Member
    Post count: 122
    This reply has been marked as private.
    #104859
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    I guess you create them as Portfolio items, an each Portfolio item link them to an external url.
    In the page you can add the Portfolio asset and choose one of several display options.

    -Rui

    #105019
    themartist
    Member
    Post count: 122

    Actually what was just easier was inserting images within the swift page builder. The only problem is that on iPhone view my columns of 6 images expand into single column full width – which is not ideal for social media icons.

    How would I go about forcing iPhone view to allow columns of 2 or 3 for example?

    #105035
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Hi,

    Can you try to add the code bellow to your custom css options.

    
    @media only screen and (max-width: 767px){
    .page-id-11115 .spb_content_element .spb_image{
    width: 50%;
    float: left;
    }
    }
    

    Made it need some adjustments, but let me know the result.

    -Rui

    #105039
    themartist
    Member
    Post count: 122

    Thanks Rui

    (edit: it works!!!)

    Does this code specify that only this specific row is featured that way as opposed to globally representing all images like that?

    #105044
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    exactly. That was my concern.
    I think you have the images inside a row asset, if so just add an extra class value like “home-social-images”

    and adapt the css to the code bellow:

    
    @media only screen and (max-width: 767px){
    .page-id-11115 .home-social-images .spb_content_element .spb_image{
    width: 50%;
    float: left;
    }
    }

    Let me know it’s ok.

    -Rui

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register