Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #13676

    hi there.

    do you have a guide for the custom.css..

    i want to have gradients for each different sections not the standard one block colour and also add border radius as well as the transparency for everything.. i don’t want to use the simple styling from theme options.

    please may you help me further

    Kind Regards

    Greek

    #80130

    Hi Greek,

    We do not have a guide for the custom.css. You’re welcome to search the forum or ask us about specific DIVs or elements you’re trying to change and we’ll give you the code or at least point you in the right direction.

    If you’re comfortable with CSS you may also want to download/install Firebug for Firefox, Developer for Chrome or some extension that will allow you to inspect elements on a webpage that way you can see what class name or ID you need to use.

    Regards,

    Mya

    #80131

    Hi Mya

    could you please give me an example of what i’d put for:

    Body Background color

    and

    the bar at the top where the cart is..

    thanks,

    Greek

    #80132

    Hi Greek,

    For the body you would use something like this:

    body {
    background: transparent url(images/your-image-filename.png) repeat top left;
    }

    What the code above would do is set a repeating background image for the entire body.

    The top bar would be this:

    .info_text_header {
    background-color: #2997AB;
    }

    This actually sets the background to the color shown in the demo. If you want to use an image you would do this:

    .info_text_header {
    background: #2997AB url(images/your-image.png) repeat-x top left;
    }

    Hope this helps!

    Regards,

    Mya

    #80133

    Hi May,

    Thanks thats a lot of help!

    im stuck on the category drop down menu. i want to add css to it to make it have a border radius and have some color added to it.

    #top .woocommerce_ordering {

    background: #ffffff;

    background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6));

    background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);

    background: -o-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);

    background: -ms-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);

    background: linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#ffffff’, endColorstr=’#f6f6f6′,GradientType=0 );

    -webkit-border-radius: 3px;

    border-radius: 3px;

    }

    i try’d this and it didnt work

    thanks,

    Greek

    #80134

    never mind i had to edit select { }

    #80135

    Hi!

    Glad that you solved the issue :)

    Regards,

    Peter

Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘gradients and styles for custom.css’ is closed to new replies.