Jump to content


Photo

Change Featured Image Button


  • Please log in to reply
5 replies to this topic

#1 rkazantsev

rkazantsev

    Advanced Member

  • Members
  • PipPipPip
  • 95 posts

Posted 29 July 2012 - 07:33 PM

I have changed the featured image button size to 50px by 50 px with the following custom css code #featurenav a span.nav_thumb, #featurenav a span.nav_thumb span.nav_overlay { display: inline-block; height: 50px; margin-right: 30px; width: 50px;} But now I have 2 issues I would like to resolve. 1. I am using a transparent image so I would like to remove the white frame. Look at the screenshot I would like to have it look like the "B" example. I still want the gray shade when clicked just want to remove the white frame around it. Screenshot here --> http://72.26.98.200/...2/07/Button.png 2. There is rectangular gray box on the bottom, example image "A". I would like to remove that

#2 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 29 July 2012 - 10:41 PM

That's a customization we don't really support. You should find the help you need here though: http://www.w3schools.com/css/

#3 rkazantsev

rkazantsev

    Advanced Member

  • Members
  • PipPipPip
  • 95 posts

Posted 30 July 2012 - 12:35 AM

Really? This seem like it would be an easy tweak, just point me to where you have the frame/white box around the image and where its getting the rectangular shape from.

#4 Danny

Danny

    Is Awesome!

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

Posted 30 July 2012 - 12:24 PM

Hi, The image can be found here: /wp-content/themes/pagelines/sections/features/images/feature-thumb-overlay.png However, like Rangelone stated above, we do not provide support for users own customisation(s).

#5 rkazantsev

rkazantsev

    Advanced Member

  • Members
  • PipPipPip
  • 95 posts

Posted 30 July 2012 - 04:50 PM

Thanks Danny, I changed the image size from 30x50 to 50x50 now I need to change the transparent from -30px to -50px. I made the changes in bugzilla and it worked, but where can I find the following code to change? I looked in stylesheet.css no luck. #featurenav a.activeSlide span.nav_thumb span.nav_overlay { background: url("http://72.26.98.200/wp-content/themes/pagelines/sections/features/images/feature-thumb-overlay.png") no-repeat scroll 0 -30px transparent; } Need to change -30px transparent; to -50px transparent;

#6 rkazantsev

rkazantsev

    Advanced Member

  • Members
  • PipPipPip
  • 95 posts

Posted 30 July 2012 - 05:02 PM

Just added the following code to custom css and it works :) #featurenav a.activeSlide span.nav_thumb span.nav_overlay { background: url("./wp-content/themes/pagelines/sections/features/images/feature-thumb-overlay.png") no-repeat scroll 0 -50px transparent;}