Change Gallery thumbprint size

Discussion in 'ButterBelly WordPress Theme' started by urbancabin, Apr 30, 2015.

  1. urbancabin

    urbancabin Member

    Joined:
    Jan 4, 2013
    Messages:
    46
    Likes Received:
    1
    Under Settings--> Media, I have selected a square thumbprint for my website, however in gallery mode they are showing as rectangles. www.treecraft.ca

    Thank you
     
  2. praveen

    praveen Support Staff

    Joined:
    Jan 1, 2015
    Messages:
    2,344
    Likes Received:
    67
    Hello,

    Could you please provide us some edited screenshot of your issue so that we can assist you accordingly?
    In case you are unable to create a screenshot, you can follow the link http://www.screenpresso.com/ which will help you to create screenshot easily.

    Thanks,
    Praveen
     
  3. urbancabin

    urbancabin Member

    Joined:
    Jan 4, 2013
    Messages:
    46
    Likes Received:
    1
    It was a pretty straightforward question, but I can take some screen shots:

    1) as per the pic attached, I asked for the thumbnails to be 225*225, but they are showing as more like 225*175 (roughly) As a result my pictures are being cut off.

    2) I would like the box around the thumbprint to be less bold, or less dark.
    Screen Shot 2015-05-01 at 6.26.07 AM.png Screen Shot 2015-05-01 at 6.26.44 AM.png
     
  4. praveen

    praveen Support Staff

    Joined:
    Jan 1, 2015
    Messages:
    2,344
    Likes Received:
    67
    Hello,

    Please follow the screenshot given below.
    butterbelly_change_thumbnail_size.png

    Now, paste the code given below in Custom CSS section
    (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.
    Code:
    .page-content .content-bar .gallery .thumbnail li img {
      width: 225px !important;
      height: 225px !important;
    }
    Note: - Use the same height and width in the CSS code which you defined in the php file of the screenshot.

    Thanks,
    Praveen
     
  5. urbancabin

    urbancabin Member

    Joined:
    Jan 4, 2013
    Messages:
    46
    Likes Received:
    1
    Screen Shot 2015-05-05 at 10.20.59 PM.png Interesting... All of the images now fit in the thumbprint box, but they are distorted, and the outline of the box is still the old sizing (aprox 220 * 168) Any ideas? Thank you... www.treecraft.ca
     
  6. praveen

    praveen Support Staff

    Joined:
    Jan 1, 2015
    Messages:
    2,344
    Likes Received:
    67
    Hello,

    I have checked your website.

    It seems that you have not changed the value to ( 225, 255 ) as provided in the screenshot. That's why it still showing a rectangular box instead of a square box and images display differently.
    Kindly edit the values as per the screenshot.
    OR
    If you are unable to change, send us your website WordPress login details at [email protected] along with the thread link.


    To reduce the darkness of outline of box use, the CSS code :-
    Code:
    .page-content .gallery .thumbnail li img {
      border: 4px solid #D3CFCF;
    }
    Thanks,
    Praveen
     
  7. urbancabin

    urbancabin Member

    Joined:
    Jan 4, 2013
    Messages:
    46
    Likes Received:
    1
    Thanks Praveen, I actually did change the value to 225, 225 as provided in the screenshot. As mentioned, it did change the actual thumbprint image and made it squish vertically.

    I created a username for you on our site www.treecraft.ca. Screen Shot 2015-05-06 at 7.36.51 AM.png
     
  8. sameerwalkar

    sameerwalkar Guest

    Hello Urbancabin,

    Thanks for your prompt reply.

    The information you have provided has a user level access, for source code customization we require admin level access so kindly provide the same.

    We have also sent you a mail regarding the same. Kindly check and reply to the same.

    Note: For security reasons it's recommended not to share your credentials over here as it is an open forum.

    If you wish to share then kindly send it [email protected]
     

Share This Page