Jump to content


Photo
- - - - -

Carousel & Featured Image Size


  • Please log in to reply
10 replies to this topic

#1 zcademy

zcademy

    Member

  • Members
  • 18 posts
  • LocationNortheast North America, Earth

Posted 10 July 2012 - 02:30 AM

Hello. I just bought PageLines Pro today, in anticipation of a client's job. I've been playing around with it on my own blog, and I think I'll enjoy using it very much.

My problem is with the size of the images on the carousel - post thumbnail version. It seems no matter what I do to resize the carousel images, the actual images stay the same size as the featured image thumbnails. Which are too small, anyway.

Here's the page in question:

Please Login or Register to see this Hidden Content

Both images in the carousel are 640x420 in the uploaded original. The Featured Image thumbnails are posting at 150x98, and are stuck at that size both on the blog page and in the carousel. When I adjust the Max image height on the carousel, the height of the carousel itself changes, but the images stay the same size. Adjusting the Max width does nothing.

My ideal would be for both the carousel images and the feature images (on those pages only) to be displayed full size. Is there any way to do this? I'm moderately comfortable working with CSS, but am an absolute beginner with php.

Thanks in advance,

Liz

#2 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 10 July 2012 - 02:51 AM

Try using this CSS to adjust the size:

Please Login or Register to see this Hidden Content



#3 zcademy

zcademy

    Member

  • Members
  • 18 posts
  • LocationNortheast North America, Earth

Posted 10 July 2012 - 12:17 PM

Catrina, I tried using that CSS (in the Custom code area), with no change. But now I'm completely confused over something else I tried. I reset the thumbnail size (in Settings>Media) to 300x300, deleted my old image (using the business card to test), and re-uploaded to set the new thumbnail size. When I added the image as the Featured Image to the post, it *still* showed at the tiny size, but is now 300 px wide on the carousel. I can live with the 300 px carousel image, but now need a larger Feature Image on the post. Could something in PageLines be limiting the maximum size of the thumbnail? What I'm getting to: I'm setting up my design portfolio. I'd like to use the carousel page as an entry portal/slideshow. When a potential client clicks an image, I want them taken to a post where they see a large view of that image, plus some text about that project. Because I can't use a custom post type in the carousel, the individual pages are part of my regular blog loop. I don't want the feature images on those posts to be too big. If there's another way to get what I'm looking for, let me know. Again, thanks for your time. --Liz

#4 Jenny

Jenny

    Advocate

  • Unicorn Store Dev

  • 2924 posts
  • LocationWV
  • Country: Country Flag

Posted 10 July 2012 - 04:04 PM

Make sure you have set all the options. More information can be found at

Please Login or Register to see this Hidden Content



#5 zcademy

zcademy

    Member

  • Members
  • 18 posts
  • LocationNortheast North America, Earth

Posted 11 July 2012 - 12:37 AM

Jenny, I do have all the options set.

As I said, I figured out how to get larger images in the carousel -- by increasing the thumbnail size in Settings>Media. The carousel stillshows images exactly the size of the thumbnail, but I can make the thumbnail big enough. A bit of a hack, but it works.

My problem has shifted now to the original blog post, where the featured image remains tiny, despite the enlarged thumbnail. [I did delete and re-upload the image.] I've "solved" this with another hack -- this time I added the image again, full-size, at the bottom of the post content. It works for my portfolio, but I'd hate to present that to a client!

Is there something in the code or CSS that sets the featured image size, something I can overwrite?

--Liz

#6 batman

batman

    Bat Learning

  • Members

  • 2108 posts
  • LocationBuenos Aires, Argentina
  • Framework Version:DMS
  • Country: Country Flag

Posted 11 July 2012 - 01:03 AM

You can try

Please Login or Register to see this Hidden Content

I??m not sure, sorry.
It look like "http://distanciafocal.com.ar/"

#7 Danny

Danny

    Is Awesome!

  • Moderators
  • 16289 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 11 July 2012 - 10:20 AM

Hi Liz, If you're using the NextGen Gallery option, then login to your Wordpress Admin Dashboard > Gallery > Options > Thumbnail settings Then change the values, this should work.

#8 zcademy

zcademy

    Member

  • Members
  • 18 posts
  • LocationNortheast North America, Earth

Posted 11 July 2012 - 05:54 PM

Danny, I'm using the post thumbnails option, as I said in my first post. Batman, I'll try your suggestion as son as I finish my work session today.

#9 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 11 July 2012 - 06:54 PM

You've done some customizations to the carousel that may not be correct. For example, in viewing it with Firebug, I found: element.style { left: -2388px; margin: 0; overflow: hidden; padding: 0; position: relative; top: 0; width: 4776px; } On transition, those numbers change dramatically when a larger image appears. The use of negative positions isn't advisable, and a width of 4776px is greater than the maximum width of PageLines. That's ill-advised coding as it could break some client's browsers. I'd suggest removing the customizations and trying an alternative slider to achieve the one-slide per post method. A simple transparent image of sufficient size in a slider with the exact size you want for the post thumb embedded would work great in our QuickSlide or some of our other slider options.

#10 zcademy

zcademy

    Member

  • Members
  • 18 posts
  • LocationNortheast North America, Earth

Posted 12 July 2012 - 05:39 PM

rangelone, I think you found it! I have no idea how those settings got there ... maybe from a previous theme. I didn't put them there. I can see how they'd mess lots of things up. I'm on another project now, but when I have time, I'll try to find the weird code and remove it. Then I'll write a follow-up in this thread.

#11 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 12 July 2012 - 06:30 PM

Okay, thanks for the update!