Mobile Disable and Swatch Page Questions

Discussion in 'Dzonia WordPress Theme' started by deveshd, Apr 15, 2013.

  1. deveshd

    deveshd Member

    Joined:
    Jul 21, 2012
    Messages:
    282
    Likes Received:
    4
    1. How & where can I disable the mobile responsiveness? I need my site to open the same on phone and iPad as it opens on web...

    2. what's the easiest way to make a swatch page, i.e. a page with dozens of small thumbnail size images with caption/name on it to show samples... I have hundreds of colors and stone samples that would take too much time to configure otherwise so wondering if there's an easier way to upload and organize images on a page and they automatically pick up the same size etc...something like below:
    Screen shot 2013-04-15 at 1.48.06 PM.png
     
  2. Gourav

    Gourav Support Staff

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

    1. For your first issue
    Non responsive theme sent through email.

    2.For your second issue

    Go to Pages > Add New
    and create a page using the fullwidth template and click on Add media button and follow the instruction as shown in the image given below

    [​IMG]
     
  3. deveshd

    deveshd Member

    Joined:
    Jul 21, 2012
    Messages:
    282
    Likes Received:
    4
    Thanks Gourav. I got the non responsive version and installed. It works. Thanks!

    Re 32 item on the list, is there a a way I can:
    A> show smaller than 150X150 thumbnail size because I need to show undreds of such sample in each page so the scroll would be too long...
    B> can I do multiple pictures upload orxport onstead of doing each picture one by one
    C> All my images come under each other instead of making up rows and columns. How can I create like 3-4 columns? Like the one I attached in original post?
     
  4. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    1.For your first issue

    Paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS
    Code:
    .content_wrapper .fullwidth img{
    width:100px;
    height:100px;
    }
    2.For your second issue

    Use same process given above for selecting images, But instead of selecting single image you select the multiple images by using the key " Ctrl + left mouse click".

    3.For your third issue

    Select alignment of image "left" as shown in image given above.

    This will solve your issue.
     
  5. deveshd

    deveshd Member

    Joined:
    Jul 21, 2012
    Messages:
    282
    Likes Received:
    4
    Gourav: This works but creates a new problem:

    A. all images on any full width page now show in 100X100 thumbnail size only... Not all my full width pages are swatches, some of them are regular pages that need single or double bigger image instead of swatch style page.

    B. if I chose default page as template then the images show in 150X150 minimum...

    What can I do to only make selected few full width or default template pages to show 100 by 100 image?

    Also another question is if I have hundreds on images I don't want the page to go unlimited scroll, how can activate something like show 20-40 per page and have a pagination in the bottom so people can go next pages to see more?
     
  6. Nitesh

    Nitesh Support Staff

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

    There are two solutions for your issue.

    1) Instead of adding images through WordPress page editor. You can use "Nextgen gallery" plugin. There you will get options to set image dimension, images per page, image zoom out feature and many other.

    Download it from the link given below.
    http://wordpress.org/extend/plugins/nextgen-gallery/

    2) You can proceed to the way you are following now.
    Just go page editor of the page where you have uploaded images and change width height from there.

    Check image for reference.

    [​IMG]
     
  7. deveshd

    deveshd Member

    Joined:
    Jul 21, 2012
    Messages:
    282
    Likes Received:
    4
    I have inserted gallery on the page and not just an image so my text editor looks like screenshot at the bottom. What can I do to make sure the images on default width template pages are displayed in a particular size? May be something like a css code:

    .content_wrapper .default img{
    width:300px;
    height:150px;
    }
    Screen shot 2013-05-18 at 3.34.47 PM.png

    Please help!
     
  8. Gourav

    Gourav Support Staff

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

    Paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS


    Code:
    #gallery-1 .gallery-item a img {
    width: 300px;
    height: 150px;
    }

    Adjust its value as per your requirements.
     

Share This Page