Forum Moderators: not2easy

Message Too Old, No Replies

How to crop the center of a picture from WP

         

WhiteRabbit92

12:35 pm on Jan 9, 2009 (gmt 0)

10+ Year Member



Hi all,
First of all, that's my first message here and I want to say HNY !
Hope it will bring you lots of good things, project and anything you want.

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]

WhiteRabbit92

9:33 am on Jan 12, 2009 (gmt 0)

10+ Year Member



up,
Still no idea ? :(

samir0602

12:18 pm on Jan 14, 2009 (gmt 0)

10+ Year Member



Hi, can u give a browser view to this problem.