Resize Slideshow images
-
Hi there,
I’m working with the Twenty Eleven Theme as a base and I would like to find a CSS code, which lets me resize my images within the slideshow container. I have got many panorama sized photography and the current size does not give me any details. Is it possible?
Blog url: http://macroscopeltd.wordpress.com/ -
The images can be no wider than the content area of any particular theme. If they are wider, then that will either break the theme, or a good portion of the image will simply not be seen (overflow hidden).
If you increase the size of the content area, then you can increase the size of the full-sized images, videos and such in the field down below the text edit area on the CSS page. Any existing images or slideshows would have to be reinserted into the posts and pages so that they would take advantage of that new wider content area.
-
I will mention that nearly a quarter of web users worldwide are still on 1024px wide monitor resolutions, so I always suggest keeping that in mind when widening a theme, and remember that you have account for a sidebar and the browser frame and scroll bar, so typically you have (with a maximized browser window) about 960px total in width.
-
Thanks scaredpath,
I understand that I can widen the page to 1024px within the CSS custom design section. I have done this prior to building any slideshows etc but the slide show image size came up from what was determined by the TwentyEleven theme.
There might be a different code for widening the content area rather than page area. Where would I find this?
Sorry, not really familiar with CSS but getting my head around enough to copy and paste…;). -
On the CSS edit page, down below the text area, did you add the equivalent of the additional width to the “maximum width value in the image/video field and then save?
On existing slideshows, you will have to delete them and then add them back in so that wordpress can recalculate the maximum width based on the new size you entered into the width field down below the text area on the CSS edit page.
-
Cheers for the quick response. I have entered a new significantly larger value into the box an saw the changes in the media gallery. I have ticked the new max size and created a new slideshow…
It seems that the images are still showing up in the same size?!?! It is very noticeable in the portrait size…any help would be appreciated…;)Thank you.
-
This theme is relevant to my question, so I’m going to tack it on the end and hope someone can help me. If yes, thank you in advance for your time. If nobody responds, I might copy and paste as a new query.
I am using the Blogum theme by Wpshower. Half of my section (on http://www.secondhandplaces.com under the “Work” page) will be dedicated to a design portfolio. Last night, I was directed to page-id’s as a way to manipulate CSS and I’ve been working through learning this today in order to create a portfolio-type layout that prominently features a slideshow. I will have many of these, one for each project. Here’s my question:
This portfolio layout (“Milwaukee”)
http://secondhandplaces.com/work/milwaukee/
is how I want all my layout to look; text column at left and a slideshow located at right, where currently I have dropped in a placeholder image.When actually adding the slideshow feature, however, I’ve encountered some challenges. This layout (“Los Angeles”)
http://secondhandplaces.com/work/los-angeles/
has the slideshow embedded, and although I’ve managed to change the width to 785px (which matches formatting elsewhere throughout the Blogum theme),- I cannot seem to actually change the height of the slideshow images to 520px. They remain at 410px, no matter which settings I change in the CSS.
I’ve tried everything I know of, and here is some coding I’ve added to get to this point:
#gallery-1-slideshow {
margin-bottom:15px;
background:none;
border:none;
width:785px;
height:520px;
}#gallery-1-slideshow .slideshow-slide img {
position:top;
display:block;
width:785px;
height:520px;
float:right;
}.page-id-1572 .post-content img {
float:right;
max-width:785px;
}It seems very redundant to state the width in all three, but the slideshow image shrinks back to 545px wide if I delete any of the widths. Also, this portfolio layout uses Blogum’s “full width” template, and will be the only type of page to do so on my site, if that helps.
The second question is regarding the column of text at the far left hand side of the Los Angeles portfolio page. I cannot get it to bump up next to the slide show to save my life. If anyone might take a look at my links above and point me in the right direction, I would be very grateful.
-
- The topic ‘Resize Slideshow images’ is closed to new replies.
WordPress.com Forums 