You can control the look (i.e. color/size, etc.) of the buttons by creating an additional stylesheet named stylesheet_css_buttons_extras.css in your template's /css directory. Note that the name I suggested will cause it to be loaded after the base template's stylesheet_css_buttons.css, so it's overriding any definitions in that base css-file.
Here's the pertinent snippet of HTML you are wanting to style:
Code:
<!--bof Prev/Next top position -->
<div class="navNextPrevWrapper centeredContent">
<p class="navNextPrevCounter">Product 2/62</p>
<div class="navNextPrevList"><a href="https://craftjam.co.uk/index.php?main_page=product_info&cPath=188_157&products_id=3499"><span class="cssButton normal_button button button_prev" onmouseover="this.className='cssButtonHover normal_button button button_prev button_prevHover'" onmouseout="this.className='cssButton normal_button button button_prev'"> Previous </span></a></div>
<div class="navNextPrevList"><a href="https://craftjam.co.uk/index.php?main_page=index&cPath=188_157"><span class="cssButton normal_button button button_return_to_product_list" onmouseover="this.className='cssButtonHover normal_button button button_return_to_product_list button_return_to_product_listHover'" onmouseout="this.className='cssButton normal_button button button_return_to_product_list'"> Return to the Product List </span></a></div>
<div class="navNextPrevList"><a href="https://craftjam.co.uk/index.php?main_page=product_info&cPath=188_157&products_id=3001"><span class="cssButton normal_button button button_next" onmouseover="this.className='cssButtonHover normal_button button button_next button_nextHover'" onmouseout="this.className='cssButton normal_button button button_next'"> Next </span></a></div>
</div>
<!--eof Prev/Next top position-->
You'll add the following to that new stylesheet, identifying the button's style within the parentheses:
Code:
span.cssButton.normal_button.button.button_prev {}
span.cssButton.normal_button.button.button_return_to_product_list {}
span.cssButton.normal_button.button.button_next {}
Note also that if you're changing the size of the button you might also need to style its :hover condition as well.
Bookmarks