Login | Register | FAQ
Anonymous

Need to change colour and size of button text on Homepage

+ Post a reply

3 posts Page 1 of 1


Need to change colour and size of button text on Homepage

by Outlander77 » Thu Oct 20, 2016 10:08 am

Hi everyone,

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!
User avatar

Outlander77

  • Posts: 1
  • Joined: Thu Oct 20, 2016 10:03 am

Re: Need to change colour and size of button text on Homepag

by nanoverso » Thu Oct 20, 2016 10:53 pm

You'll need to change the code in the CSS file associated with the class "scroller", as it control the text appearance. Search for a .scroller in the CSS file and change the code of the font-color property.
User avatar

nanoverso

  • Posts: 248
  • Joined: Sat May 10, 2014 12:08 am
  • Location: Brazil
--
Mario blog (Portuguese): http://jogos-do-mario.nanoverso.com

Re: Need to change colour and size of button text on Homepag

by zaidung » Tue Jan 10, 2017 4:21 pm

below is css code that you need for this case:
Code: Select all
.scroller{
color: #000000 !important;
}

Put it into the header file, or .css type file. latest godaddy coupons
User avatar

zaidung

  • Posts: 2
  • Joined: Tue Jan 10, 2017 4:05 pm


+ Post a reply

Page 1 of 1