Difficulty resizing slideshow images
-
With the help of the slideshow feature, I’m wanting to use half of my site as a portfolio for my design work. If anyone might be able to help me, I would be very grateful. Here’s my question:
This portfolio layout (“Milwaukee”)
http://secondhandplaces.com/work/milwaukee/
is how I want all my layout to look; thin 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 want the slideshow images to be 785px wide, roughly by 500-530 (it will vary in that range depending on the work being displayed and its original size/proportion).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;
}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. Another also: I’ve edited the CSS setting that says: “Limit width to __785__pixels for videos, full size images, and other shortcodes. (More info.). The default content width for the Blogum theme is 545 pixels.
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, you are my hero.
The blog I need help with is: (visible only to logged in users)
-
Okay…I just solved the second question. What a mess I had! I orginally placed “float:right” on all three bits of code, instead of just the slideshow itself. So, I moved that guy to the top and out of the second group. The top group now reads like this:
#gallery-1-slideshow {
margin-bottom:15px;
background:none;
border:none;
width:785px;
height:520px;
float:right;
}…and “float:right” is out of the second and third group. Doing this allowed my H6 column of text to pop back to the top, next to the slideshow. Now, the only problem left in this is how to stretch the slideshow image to a height of 500-530 px.
-
I’m back. It’s just that I’ve been trying to solve this all day and have another clue to add:
I know the embedded slideshow (on http://secondhandplaces.com/work/los-angeles/) is part of the page’s “post-content”. I’ve attempted to change the height of this, even, thinking that it is constricting my slideshow (it was listed at 452; I just changed it to 600). But, it did not affect the height of the slideshow. It’s still only 410px in height. I’m so stumped. -
The size for the slideshow is set in the slideshow code and likely it pulls from some variables set for the site and for where you insert the slideshow. What I see in the markup is that the height and width are set as inline CSS within the divs created for the slideshow by the slideshow script. That means you cannot overwrite the image sizes. No matter how big you make the parent div for the slideshow, the images are always going to be done at a certain size.
-
That’s too bad and thanks for taking a look. Besides having a very clean and minimal site, I need to have the right format for showcasing my work. Ultimately, I had hoped that my “portfolio” pages would look something like this, from Wpshower’s Portfolium theme:
http://wpshower.com/demo/?theme=portfolium (click on any of the menu squares it will take you to their portfolio page
If I might pick your brain on this, can you think of any way I might go around this restricted slideshow size limit? Similar to the portfolio blog linked above, is there anyway I can link a series of static images (changed by numbers at the bottom like on blog), but keep the page on which they’re located also static? Does this make any sense? I’m also going to explore options for the gallery, as well as how to link to external photo-sharing sites (Flickr, etc.). My preference, though, would be to keep work on a portfolio page, per project, for ease of viewing.
Thanks again for your time and help.
- The topic ‘Difficulty resizing slideshow images’ is closed to new replies.
WordPress.com Forums 