Need to change colour and size of button text on Homepage

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 &#9660;  DOWN 
$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 -

Thanks a lot!

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

You can overide the color with the following rule.

.scroller:hover{color:#000;text-shadow:0 0 2px rgba(0,0,0,0.3);}

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.