• 0
Sign in to follow this  
Followers 0

Change Featured Image Button

Question

Posted · Report post

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/wp-content/uploads/2012/07/Button.png 2. There is rectangular gray box on the bottom, example image "A". I would like to remove that

Share this post


Link to post
Share on other sites

5 answers to this question

  • 0

Posted · Report post

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

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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).

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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;

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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;}

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0