Carousel & Featured Image Size

[zcademy 0]

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: http://polymathsolution.com/blog/portfolio/ 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

[catrina 103]

Try using this CSS to adjust the size: [code]list-item.fix.jcarousel-item.jcarousel-item-horizontal.jcarousel-item-1.jcarousel-item-1-horizontal img {width: YOURSIZEpx;}[/code]

[zcademy 0]

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

[Jenny 33]

Make sure you have set all the options. More information can be found at http://www.pagelines.com/wiki/How_to_Use_the_Carousel_Section

[zcademy 0]

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

[batman 389]

You can try [code].post-thumb {width: 200px !important;}[/code] I??m not sure, sorry. It look like "http://distanciafocal.com.ar/"

[Danny+ 1,327]

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.

[zcademy 0]

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.

[Rob 547]

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.

[zcademy 0]

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.

[catrina 103]

Okay, thanks for the update!