Jump to content


Photo
- - - - -

rounded corners on feature


  • Please log in to reply
7 replies to this topic

#1 glynt

glynt

    Super Member

  • Members
  • 201 posts
  • Framework Version:2.4.1
  • Country: Country Flag

Posted 11 June 2011 - 05:51 PM

Hi all, I know there are a few posts about this, but I can't find one that seems to answer the question (at least not in terms that I can understand!) I have got it into my head that I want to try rounded corners on my feature slider, ideally by inserting custom css. Anyone know how to do it? www.in-focus-marketing.net & Platform pro Thanks,

#2 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 11 June 2011 - 06:26 PM

If you're going to be using background images in your feature slides, the images themselves need to have rounded corners added to them. Are you comfortable with image editing programs?

#3 glynt

glynt

    Super Member

  • Members
  • 201 posts
  • Framework Version:2.4.1
  • Country: Country Flag

Posted 11 June 2011 - 06:28 PM

Hi Catrina, Yes, that's easy for me... it's all this coding stuff that I can't do!!

#4 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 11 June 2011 - 06:30 PM

You can create the rounded corners in Photoshop and then re-upload your feature background images.

#5 glynt

glynt

    Super Member

  • Members
  • 201 posts
  • Framework Version:2.4.1
  • Country: Country Flag

Posted 11 June 2011 - 06:35 PM

Hi Catrina, I don't think that will work for this site because I am using a ken burns effect, so the corners of the pictures don't stay in one place. I think I need to alter the shape of the 'container' that the pictures are in.... I have another site which I don't use the ken burns effect on, so it might be useful on that one, except that I have the part at the bottom with the thumbnails one which would also need to be rounded... www.gt-images.net. Thanks, Glyn

#6 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 11 June 2011 - 06:37 PM

I think jquery can be used to create the rounded corners for images:

Please Login or Register to see this Hidden Content



#7 glynt

glynt

    Super Member

  • Members
  • 201 posts
  • Framework Version:2.4.1
  • Country: Country Flag

Posted 11 June 2011 - 07:16 PM

That looks like it would work... but well out of my league I'm afraid!! Thanks anyway....

#8 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 12 June 2011 - 05:01 PM

You can try adding rounded corners to the background image using Photoshop.