Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • December 17, 2014 at 2:39 pm #369463
    codecreative

    hi is it possible through css to have a gradient background in the logo area ?

    December 17, 2014 at 3:11 pm #369475
    Flikk

    hi,

    http://kriesi.at/documentation/enfold/custom-css-and-quick-css/

    http://www.w3schools.com/css/css3_gradients.asp

    example:

    #header_main .logo {
  background: -webkit-linear-gradient(red, blue); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(red, blue); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(red, blue); /* For Firefox 3.6 to 15 */
  background: linear-gradient(red, blue); /* Standard syntax */
}

    cheers

    December 17, 2014 at 4:45 pm #369519
    Yigit

    Hey!

    You can create gradient here – http://www.colorzilla.com/gradient-editor/
    and then add following code to Quick CSS in Enfold theme options under General Styling tab

    #header_main {
  background: -webkit-linear-gradient(red, blue); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(red, blue); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(red, blue); /* For Firefox 3.6 to 15 */
  background: linear-gradient(red, blue); /* Standard syntax */
}

    Best regards,
    Yigit

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