Jump to content


Photo
- - - - -

Features - Thumbs


Best Answer keithmagvacom , 02 April 2013 - 10:30 PM

Hello, try this to get ride of the borders

 

 

 
#featurenav a span.nav_thumb span.nav_overlay {

    background: none repeat scroll 0 0 transparent;
    margin: 0;
}

 

Thanks Jamas

 

Your kung foo did the trick on the borders.  

 

There is only one final element remaining, a highlight box 50 px by 30 px that appears when you click on one of the feature thumbs. Its reference as 

 
span.nav_overlay

 

Just need to get rid of it and its sorted. 

 

 

Hi,

 

Yes that's the correct element, if you look at the css in the right hand window attached to that div you'll see the attached css, set that to display none and that should vanish too :-)

 

1
2
3
#featurenav a.activeSlide span.nav_thumb span.nav_overlay, #featurenav a:active span.nav_thumb span.nav_overlay {
    background: none repeat scroll 0 0 transparent;
}
 
Go to the full post


  • Please log in to reply
11 replies to this topic

#1 keithmagvacom

keithmagvacom

    Advocate

  • Members



  • 362 posts
  • Framework Version:2.4
  • Country: Country Flag

Posted 02 April 2013 - 12:29 PM

Hi Folks

 

I am trying to change the size of the thumbs under the feature. I have managed to resize them using this code;

Please Login or Register to see this Hidden Content

 

However the images are overlapping each other and there is also a border from the original size. Can't seem to firebug the relevant sections for further assistance.

 

Any Kung Foo masters able to lend a hand? 

 

Thanks

Attached Files



#2 Danny

Danny

    Is Awesome!

  • Moderators
  • 15818 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 02 April 2013 - 12:48 PM

Hi,

 

This kind of customisation isn't as simple as you may think. As you need to edit an image which is used for the overlay. As well as a few classes to increase the size, see the image below.

 

Please Login or Register to see this Hidden Content


  • keithmagvacom likes this

#3 keithmagvacom

keithmagvacom

    Advocate

  • Members



  • 362 posts
  • Framework Version:2.4
  • Country: Country Flag

Posted 02 April 2013 - 01:21 PM

Hi,

 

This kind of customisation isn't as simple as you may think. As you need to edit an image which is used for the overlay. As well as a few classes to increase the size, see the image below.

 

Please Login or Register to see this Hidden Content

 

Thanks Danny. I enjoy a challenge.


  • Danny likes this

#4 catrina

catrina

    Advocate

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

Posted 02 April 2013 - 02:36 PM

Do you have a live link you can post?



#5 keithmagvacom

keithmagvacom

    Advocate

  • Members



  • 362 posts
  • Framework Version:2.4
  • Country: Country Flag

Posted 02 April 2013 - 02:48 PM

Hi Catrina

 

Just working on a sample for some one ATM: Live link is: 

Please Login or Register to see this Hidden Content

 

What I have so far that seems to have sorted out most of what I want is

 

Please Login or Register to see this Hidden Content

 

If i could get rid of the boxes in the back round I'd be sorted. Also would appriciate if I could be advise if the code is tidy enough.

 

Thanks All

 

BTW would like to change the background colour also, but have not had any luck yet.... 



#6 catrina

catrina

    Advocate

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

Posted 02 April 2013 - 06:52 PM

By boxes, you mean the borders for the thumbnails, yes?



#7 keithmagvacom

keithmagvacom

    Advocate

  • Members



  • 362 posts
  • Framework Version:2.4
  • Country: Country Flag

Posted 02 April 2013 - 06:55 PM

By boxes, you mean the borders for the thumbnails, yes?

 

Yes. They are the left over from the 50px * 30 px.

 

Tried editing the images in the ../features/images folder i.e. fthumb1.png etc... but no luck.



#8 James B

James B

    Advocate

  • Members

  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 02 April 2013 - 08:38 PM

Hello, try this to get ride of the borders

 

 

Please Login or Register to see this Hidden Content


  • keithmagvacom likes this

#9 keithmagvacom

keithmagvacom

    Advocate

  • Members



  • 362 posts
  • Framework Version:2.4
  • Country: Country Flag

Posted 02 April 2013 - 10:30 PM   Best Answer

Hello, try this to get ride of the borders

 

 

Please Login or Register to see this Hidden Content

Thanks Jamas

 

Your kung foo did the trick on the borders.  

 

There is only one final element remaining, a highlight box 50 px by 30 px that appears when you click on one of the feature thumbs. Its reference as 

Please Login or Register to see this Hidden Content

 

Just need to get rid of it and its sorted. 

 

 

Hi,

 

Yes that's the correct element, if you look at the css in the right hand window attached to that div you'll see the attached css, set that to display none and that should vanish too :-)

 

Please Login or Register to see this Hidden Content

1
2
3
#featurenav a.activeSlide span.nav_thumb span.nav_overlay, #featurenav a:active span.nav_thumb span.nav_overlay {
    background: none repeat scroll 0 0 transparent;
}
 


#10 James B

James B

    Advocate

  • Members

  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 02 April 2013 - 11:10 PM

Hi,

 

Yes that's the correct element, if you look at the css in the right hand window attached to that div you'll see the attached css, set that to display none and that should vanish too :-)

 

Please Login or Register to see this Hidden Content


  • keithmagvacom likes this

#11 keithmagvacom

keithmagvacom

    Advocate

  • Members



  • 362 posts
  • Framework Version:2.4
  • Country: Country Flag

Posted 03 April 2013 - 08:20 AM

Thanks James. Missed that part. 

 

One thing I always liked about pagelines was the community of support. Thanks to all who have assisted. 

Keith



#12 Danny

Danny

    Is Awesome!

  • Moderators
  • 15818 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 03 April 2013 - 08:25 AM

No problem Keith, happy to hear your issue has been resolved.