Jump to content
Sign in to follow this  
rkazantsev

Change Featured Image Button

Recommended Posts

rkazantsev    2
rkazantsev

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
Rob    547
Rob
That's a customization we don't really support. You should find the help you need here though: http://www.w3schools.com/css/

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
rkazantsev    2
rkazantsev
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
Danny    1,327
Danny
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).

Please search our forums, before posting!

Share this post


Link to post
Share on other sites
rkazantsev    2
rkazantsev
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
rkazantsev    2
rkazantsev
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  

×