Home/ Questions/Q 7181613
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-28T17:35:39+00:00

Our designer created a mockup of our frontend using HTML and CSS. However, when

  • 0

Our designer created a mockup of our frontend using HTML and CSS. However, when I copy the code to my rails app, some of it is not working properly.

Below is the CSS that is failing:

#login h1 {

  font-size:17px;
  color:#fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.7);
  padding:5px 12px;
  margin-bottom:0;
  background-image: linear-gradient(top, #77659E 35%, #5A4B7A 77%);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;

}

It’s suppose to show a purple colour as the background but it’s not. My guess is linear-gradient is not getting picked up. Everything else in the CSS seems to work fine.

I’m using Rails 3.1. Any help would be appreciated!

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Your designer is most likely using prefix free, to fix it just add the prefixes:

     background-image: -webkit-linear-gradient(top, #77659E 35%, #5A4B7A 77%);
 background-image: -moz-linear-gradient(top, #77659E 35%, #5A4B7A 77%);
 background-image: linear-gradient(top, #77659E 35%, #5A4B7A 77%);

    You will need to use a gradient generator if you want to target IE

    • 0