Changing the dimensions of the gallery images on the homepage?
This support request was posted in Folly by lcgiroux
- lcgiroux August 7, 2013 at 1:08 am
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 August 7, 2013 at 1:28 am
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.
Juanlcgiroux August 7, 2013 at 1:35 am
Wow! people weren’t kidding you really are fast! I can do that easily. Thanks so much!Juanfra Aldasoro August 7, 2013 at 1:43 am
If that’s the word of mouth, we love it 🙂
Have a nice day,
Juan.lcgiroux August 10, 2013 at 1:14 am
Juanfra, I changed the line(s) you said to in the index.php file.
<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
LisetteJuanfra Aldasoro August 10, 2013 at 5:07 pm
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
Juan.lcgiroux August 10, 2013 at 6:48 pm
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 August 10, 2013 at 7:06 pm
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.
This topic is marked as resolved
Only the topic author can re-open this thread.