Thread Status:
Not open for further replies.
  1. amaconline

    amaconline Member

    Joined:
    Feb 17, 2013
    Messages:
    217
    Likes Received:
    6
    Hi,

    We would like to use the front page gallery section to display our portfolio i.e. logos. So far we have managed to display them but having some issues that we are hoping to get some help with. So far we are using the following code to reduce size of the images:


    Code:
    #tiles li {
        background-color: #000;
        width: 80px; /* changed this to reduce thumbnails on Gallery */
        border: 5px solid white;
    }
    It is working beautifully. However, the issue we are having is that the images that are displaying are not organised. Kindly check image 1 for your ref.

    1. We would like to align the logos i.e. the images, correctly in a straight line.
    2. We would also like to reduce the gaps between the images.
    3. We would also like to remove links or features that allows the user to click on them to view them as the main purpose this will serve is just to display some logos or portfolio clip-art representing the companies we worked for.
    Thank you all for all your support.




     

    Attached Files:

  2. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    Hello,

    Do let us know your website link.

    Thanks & Regards
    Gourav Shrivastava
     
    amaconline likes this.
  3. amaconline

    amaconline Member

    Joined:
    Feb 17, 2013
    Messages:
    217
    Likes Received:
    6
    Hello Gourav, We managed to align them by using default height and width. We just need help on the below:
    1. We would also like to reduce the gaps between the images.
    2. We would also like to remove links or features that allows the user to click on them to view them as the main purpose this will serve is just to display some logos or portfolio clip-art representing the companies we worked for.
    Here is our website: http://www.allthatisus.com

    Thanks a million.
     
  4. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    Hello,

    1. For this you have to customized the file "jquery.wookmark.js" present in js directory of theme.

    2.

    Paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS
    Code:
     #tiles li {
    pointer-events:none;
    }

    Thanks & Regards
    Gourav Shrivastava
     
    amaconline likes this.
  5. amaconline

    amaconline Member

    Joined:
    Feb 17, 2013
    Messages:
    217
    Likes Received:
    6
    Hi Gourav, Thank you for your reply. Could you kindly help me to do that. I tried but don't have a clue which function to change. I would like to display 6 images in a row and also would like to reduce the gaps between them. Thanks.
     
  6. Nitesh

    Nitesh Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    5,165
    Likes Received:
    160
    Hello,

    It's a time consuming setup. Sorry but it is not possible for us to provide support up to that extent.

    Thanks & Regards
    Nitesh Raghuwanshi
     
    amaconline likes this.
  7. amaconline

    amaconline Member

    Joined:
    Feb 17, 2013
    Messages:
    217
    Likes Received:
    6
    Nitesh, thank you for all your effort. I found the function in the above mentioned file. Thanks.
     
Thread Status:
Not open for further replies.

Share This Page