Gradient

  • John McCubbin

    #3540

    Is there a way of making your background/top-bar/header-menu a gradient style

    Anonymous

    #24756

    Yes, you can. Checkout my style sheet – http://prasannasp.net/wordpressblog/wp-content/themes/graphene-child/style.css

    I like this Gradient Generator – http://gradients.glrzad.com/

    John McCubbin

    #24757

    would you be able to put the gemerated code incustom css as i dont think i know enough to do a child theme

    Mod

    Kenneth John Odle

    #24758

    Yes, you can.

    I actually had a lot of stuff in my custom css at one point (over 100 lines), so a few lines of code for a gradient does work.

    John McCubbin

    #24759

    i put the generated code in but it didnt come change

    John McCubbin

    #24760

    if it helps the code i tried was:

    background-image: linear-gradient(right bottom, #9CC0F7 46%, #0B489D 58%);
    background-image: -o-linear-gradient(right bottom, #9CC0F7 46%, #0B489D 58%);
    background-image: -moz-linear-gradient(right bottom, #9CC0F7 46%, #0B489D 58%);
    background-image: -webkit-linear-gradient(right bottom, #9CC0F7 46%, #0B489D 58%);
    background-image: -ms-linear-gradient(right bottom, #9CC0F7 46%, #0B489D 58%);

    background-image: -webkit-gradient(
    linear,
    right bottom,
    left top,
    color-stop(0.46, #9CC0F7),
    color-stop(0.58, #0B489D)
    );

    John McCubbin

    #24761

    found this out i had forgot to specify where i wanted to put the gradient so i added:

    body {background-color: at the start code shown in above comment and obviously closing with }

    John McCubbin

    #24762

    found it i remove the background-color: from the first line

    Anonymous

    #24763

    Merged two topics.

    John McCubbin

    #24764

    sorry about that thought i done the wrong thing

Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.
Do NOT follow this link or you will be banned from the site!