(9 posts)
(3 voices)
Zachareasy
Member
I was hoping to customize the Homepage Teaser button color as well as the Submit and any other buttons. Any way to do this via Photoshop or by simply replacing the color # on the style.css? I'd like to use a gradient if possible, unfortunately I'd also like to match my logo so I'm not too sure if a button from a different color scheme would work. Any insight is appreciated!
Screen_shot_2011-05-06_at_7.55.10_PM.png (19 KB, 3 downloads) 1 year old 
Ruderic
Support
Hello,
You have to modify an image using Photoshop in order to accomplish this.
This is the image that you have to edit: http://www.repairthispc.com/wp-content/themes/awake/styles/slate_grey/button_sprite.png
Just modify it, and replace the original with your custom one.
Elliott
Support
Hello Zachareasy,
Open up /wp-content/themes/awake/index.php and you can find the button on line 38,
<a class="button_link alignright large_button" href="<?php echo $teaser_link; ?>"><span><?php echo stripslashes($teaser_button_text); ?></span></a>
If you are wanting to align it to the left hand side then switch "alignright" to "alignleft".
Is that what you were wanting?
Elliott
Support
In that case try adding a style to it like this,
<a class="button_link alignright large_button" style = 'position: relative; top: 20px;' href="<?php echo $teaser_link; ?>"><span><?php echo stripslashes($teaser_button_text); ?></span></a>
And play around with the values until it looks okay.
Let us know if that works for you Zachareasy.
Zachareasy
Member
Worked perfectly as usual Elliott! Much appreciated thank you!
I also have questions about opening specific links into a new window from both the slider and a couple of other places on the homepage.
Would you prefer me to create a new thread incase someone else searches for the same issue?
You must log in to post.
resolved
