Changing the dimensions of the gallery images on the homepage?

This support request was posted in Folly by lcgiroux

Request ID #2016 Resolved
  • I love the clean look of Folly and want to use it for my author site. I’d like to change the dimensions of the “preview” images in the gallery so that they are tall rectangles, more closely matching a book cover. I didn’t want to go mucking around in the code but if you are willing to point me in the right direction I’m comfortable changing what I need to. Again thanks for such a beautiful theme.

    Juanfra Aldasoro

    Hello there,

    Thanks for writing and for your kind words. There’s a way that you can manually change the image dimensions on the code. You need to look for the function nice_image();

    If you’re familiar with programming you’ll realize that is an easy task. You need to change, on the file index.php, the parameters width and height to the dimensions you need for the nice_image() function.

    Best,
    Juan

    Wow! people weren’t kidding you really are fast! I can do that easily. Thanks so much!

    Juanfra Aldasoro

    If that’s the word of mouth, we love it 🙂

    Have a nice day,
    Juan.

    Juanfra, I changed the line(s) you said to in the index.php file.

    <a href="”>

    <img src="/images/waves.png” width=”200″ height=”300″ />

    That is the way the section looks now but it hasn’t changed on the home page. Could it have anything to do with the fixed width? Could it have anything to do with the fact that I am using a child theme? Sorry if this sounds stupid I’m new to WP and the learning curve is kinda killing me. I even tried sticking that section of code in the custom CSS panel on the child site. No luck. Suggestions? Is there someplace else I need to change. If you want to see the site it is http://www.lcgiroux.com
    Thanks again!
    Lisette

    Juanfra Aldasoro

    Hi Lisette,

    Thanks for writing. No, actually you need to change the parameters for the nice_image() function.

    If you check the file index.php (open in over any text editor) you’ll see a line with the following content:

    nice_image( 'echo=false&key=portfolio-image&width=205&height=140' )
    

    You’ll need to change the parameters width and height. Something like this:

    nice_image( 'echo=false&key=portfolio-image&width=305&height=240' )
    

    Have in mind that this template also uses css to style the home page grid that display the portfolio. So you’ll also need to work in this classes:

    #content ul#portfolio-grid li
    #content ul#portfolio-grid img

    Best,
    Juan.

    I had changed the nice_image line as you had said, it just didn’t come through on the post. Changing the css did the trick! I’m so happy with it now. Gorgeous!

    Juanfra Aldasoro

    Hi Lisette,

    I’m happy to hear that 🙂

    Yes, actually for this case, the CSS rule has “the last word” because it’s styling the img element.

    Best,
    Juan.

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

This topic is marked as resolved

Only the topic author can re-open this thread.

Login to your Account

Welcome back! Please log in to your account by filling the fields below:

Forgot?

Not a member? Create a free account.

Create a Free Account

You're 27 seconds away from some awesome WordPress free stuff, benefits and more. Create a free account and have access to our free products, benefits and more!

Already have an account? Log in
Secure Server