Forum Moderators: not2easy
My first project is to set up my portfolio web site.
So I installed WP 2.7 and a Theme I 'm trying to personnalise a bit.
Here is my website: <snip>
As you can see above the big slideshow, there is a small slider with picture and number 1 - 2 - 3 - 4 - ... - 10
Those pictures are pick from the same file than the picture used again above with their full size 310*150
I would like to crop from the original file a square picture 150*150 center on the 310*150 file.
Here is the original css code for the picture from the slider:
/* SLIDER original */
.sliderGallery {background: #000}
.slider-item span.slider-title {width:302px}
.slider-item .attachment-thumbnail {width:310px}
And here is my modified code to get square picture (the solution you can now when you go on the website)
.sliderGallery {background: #000}
.slider-item span.slider-title {width:142px}
.slider-item .attachment-thumbnail {width:150px}
And here is a solution I tried but doesnt work at all :(
/* SLIDER test 1 */
.sliderGallery {background: #000}
.slider-item span.slider-title {width:142px}
.slider-item .attachment-thumbnail {position:absolute;width: 310px;height: 150px; clip: rect(0px, 50px, 50px, 0px);overflow: hidden; }
If anybody has a proposition, I m opened to test it.
Regards
WR
[edited by: Brett_Tabke at 4:17 pm (utc) on Jan. 9, 2009]
[edit reason] please, no URLs [/edit]