Archived

This topic is now archived and is closed to further replies.

  • 0

Banners and background colours


Question

Posted · Report post

Hi folks 

Hoping for a small bit of assistance. I have a banner which I would like to add a background colour to similar to the pl-color-grey. I have succeeded in adding a grey background with the following code;

 

#banners.container.clone_1 .content {
background: grey;
.border-radius(5px);
.box-shadow(0 0 3px black);
}

 

Update: On another thread I came across this code which seems to give me what I want (thanks Rob), however I would benefit if someone could confirm that the colour values are similar to the values used in the the light grey navbar (or carousel) and if the code is as tidy as it could be;

{
  background: -webkit-gradient(linear, left top, left bottom,
color-stop(0%,#ffffff), color-stop(50%,#f3f3f3),
color-stop(100%,#ededed), color-stop(100%,#ffffff));

  box-shadow: 0 0 2px 2px rgba(0,0,0,0.3);}

 

Thanks 

Share this post


Link to post
Share on other sites

1 answer to this question

Posted · Report post

Hi,

 

You're welcome.  The color values can be checked at http://www.colorpicker.com/, which will give you both the standard color codes and the RGB codes.  You may adjust to any color/shade found at that site, using the code.

 

#F3F3F3 is grey, as is #ededed.   You may wish to use a more contrasting combination, but that's completely up to your design choices.

1 person likes this

Share this post


Link to post
Share on other sites