Zaloguj | Zarejestruj | FAQ
Anonymous

Need to change colour and size of button text on Homepage

+ Odpowiedz

Posty: 3 Strona 1 z 1


Need to change colour and size of button text on Homepage

przez Outlander77 » Cz paź 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!
Avatar użytkownika

Outlander77

  • Posty: 1
  • Dołączył(a): Cz paź 20, 2016 10:03 am

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

przez nanoverso » Cz paź 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.
Avatar użytkownika

nanoverso

  • Posty: 253
  • Dołączył(a): So maja 10, 2014 12:08 am
  • Lokalizacja: Brazil
--
Free VST Plugins Download.

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

przez zaidung » Wt sty 10, 2017 4:21 pm

below is css code that you need for this case:
Kod: Zaznacz cały
.scroller{
color: #000000 !important;
}

Put it into the header file, or .css type file. latest godaddy coupons
Avatar użytkownika

zaidung

  • Posty: 2
  • Dołączył(a): Wt sty 10, 2017 4:05 pm


+ Odpowiedz

Strona 1 z 1