Viewing 15 replies - 1 through 15 (of 16 total)
  • .rounded {
    	border: 1px solid #ddd;
    	-moz-border-radius: 3px;
    	-khtml-border-radius: 3px;
    	-webkit-border-radius: 3px;
    	border-radius: 3px;
    }
    Thread Starter magnusnordstrand

    (@magnusnordstrand)

    Great!
    Thank you for your help!

    Thread Starter magnusnordstrand

    (@magnusnordstrand)

    I need some more help =/
    Tried pasting it in the style.css file but nothing seems to work.
    Anyone know where in the code I have to paste this?

    Thanks again!

    MRN

    The CSS above is generic. You’ll need to identify the class or id names of each box where you want to apply rounded corners. If you use Firefox, try installing the Firebug add-on. It’s very useful for this kind of task,

    really nice tip !
    see in tanzaku css:

    div.grid-item,
    div.single-item {
    }

    change in:

    div.grid-item,
    div.single-item.rounded {
    	border: 1px solid #ddd;
    	-moz-border-radius: 0px 10px 0 10px;
    	-khtml-border-radius: 0px 10px 0 10px;
    	-webkit-border-radius: 0px 10px 0 10px;
    	border-radius: 0px 10px 0 10px;
    }

    for exemple… (this is less rounded :])
    —does not work with IE too—

    sorry Im not good in code editing but loved to change the default colours, and have rounded corners pls pls pls pls can you help me ? Fireburg plugin is like chinese for me 🙁

    none of the css …. wont work …

    removed

    Can you post your url so that we can see the code where you need to make a change.

    thats my testpage only test info to see how it works and effects
    thx

    Try adding rounded code in this

    div.grid-item, div.single-item {
    background-color:#D9D9D9;
    border:0 none;
    margin:0 5px 5px 0;
    overflow:hidden;
    padding:15px 15px 30px;

    }
    Add this after padding

    border: 1px solid #ddd;
    -moz-border-radius: 0px 10px 0 10px;
    -khtml-border-radius: 0px 10px 0 10px;
    -webkit-border-radius: 0px 10px 0 10px;
    border-radius: 0px 10px 0 10px;

    thx I have add that …. but the rounded edge is only on 2 diagonal corners and 2 diagonal corners remaind see my test page
    link

    Try this instead of the one above

    -moz-border-radius-bottomleft:10px;
    -moz-border-radius-bottomright:10px;
    -moz-border-radius-topleft:10px;
    -moz-border-radius-topright:10px;

    I dont get it … I changed the lines you told me and updated the theme
    and nothing happened

    then I removed all the new lines and updated and again nothing happened stil 2 diagonal round a 2 not round … ???

    also I pressed f5 and also ctrl+f5 in browser as one guy supposed that that would make a clean load not a chased view …

    i dont know 🙁
    I will let your new lines and in couple of minutes maybe something happened.

    thx

    😀 suddenly it works …. perfect thx thx

Viewing 15 replies - 1 through 15 (of 16 total)
  • The topic ‘Rounded corners Tanzaku theme’ is closed to new replies.