登录 | 注册 | FAQ
Anonymous

Need to change colour and size of button text on Homepage

+ 发表回复

3 篇帖子 分页: 1 / 1


Need to change colour and size of button text on Homepage

Outlander77 » 周四 10月 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!
头像

Outlander77

  • 帖子: 1
  • 注册: 周四 10月 20, 2016 10:03 am

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

nanoverso » 周四 10月 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.
头像

nanoverso

  • 帖子: 253
  • 注册: 周六 5月 10, 2014 12:08 am
  • 地址: Brazil
--
Free VST Plugins Download.

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

zaidung » 周二 1月 10, 2017 4:21 pm

below is css code that you need for this case:
代码: 全选
.scroller{
color: #000000 !important;
}

Put it into the header file, or .css type file. latest godaddy coupons
头像

zaidung

  • 帖子: 2
  • 注册: 周二 1月 10, 2017 4:05 pm


+ 发表回复

分页: 1 / 1