Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
  • #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



    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.




    Hi Mya

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

    Body Background color


    the bar at the top where the cart is..




    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!




    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




    never mind i had to edit select { }



    Glad that you solved the issue :)



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

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