Need to change colour and size of button text on Homepage

[gavin13]

Hi, I am using a wordpress theme that has a “Scroll Down” button at the bottom of the homepage so that people know that there is more content beneath the full-page image. Unfortunately the text is white and my Image is white so it can’t be seen at present.

Anyway I need to turn the text “SCROLL DOWN” from white to black and I need to make it bigger. The code for the “SCROLL DOWN” button is in the following block -

<?php get_header(); ?>
<?php $shortname = "magg_theme"; ?>
<div id="slideshow_cont">
<div class="flicker-example fullplate" data-block-text="false">
<div class="scroller">
<!--<div class="icon-arrow-down2 scroller-icon"></div>
SCROLL<span>DOWN</span>-->
SCROLL &#9660;  DOWN 
</div>
<ul>
<?php
$slider_arr = array();
$x = 0;
$args = array(
//'category_name' => 'blog',
'post_type' => 'post',
'meta_key' => 'ex_show_in_slideshow',
'meta_value' => 'Yes',
'posts_per_page' => 99
);

Could anyone please advise me as to how to alter the code to achieve the changes I desire? I can build wordpress websites, but I have no coding experience, which is unfortunate at present.

Here is the wordpress theme I am using -

http://dessign.net/maggtheme/

Thanks a lot!

[Gandalf]

Where is the CSS for the scroller class? I’m not sure but it looks as though that is where the answer lies…

[PaulOB]

You can overide the color with the following rule.

.scroller{
color:#000;
font-size:1.5rem;
font-weight:bold;
}
.scroller:hover{color:#000;text-shadow:0 0 2px rgba(0,0,0,0.3);}