Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 2, 2015 at 12:34 am #528200
    haschkeks6696

    Hey

    I know the CSS for the customization of the scroll down link e.g. on a colored section

    #top .scroll-down-link {
color: red;
font-size: 150px;
text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
}

    two questions:

    1) Do I really need the #top? (if yes why?)
    2) How can I make different scroll down arrows on different pages? I need a black one on my home page and a white one on my contact page.

    thanks :)

    November 2, 2015 at 2:09 pm #528481
    Yigit

    Hi haschkeks6696!

    1) No, you do not really need #top which is ID of the Body tag. You may need to use !important rule however
    2) You can right click on Chrome or Firefox to inspect elements to find page ID’s http://i.imgur.com/HyPTCRg.jpg

    .page-id-59 .scroll-down-link {
color: orange !important; 
}

    Cheers!
    Yigit

    November 2, 2015 at 2:51 pm #528512
    haschkeks6696

    Thanks :)

    do I have to use !important rule in every line? Or am I fine if I use it only in the very last line? 

    #top .scroll-down-link {
color: red;
font-size: 150px;
text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4) !important; 
}

    and is it important to write the !important rule before the ; ?

    November 2, 2015 at 2:54 pm #528513
    Yigit

    Hi!

    You can first try without and flush cache and refresh your page. If you see that it is not being applied, you can simply add !important rule to override it.
    Yes, text-shadow example in your code is a perfect usage of !important rule :)

    Regards,
    Yigit

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.