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

    Hi. I recently purchased Cubit for my company but after installation I face a couple problems.

    1. the header looks unusual in Internet Explorer.

    address is: http://www.betonsazan.org

    2. how can I translate the English words like: Home, You are here, & … to my language which is Farsi?

    3. How can I basically mirror everything in the template since my language is Farsi and we read and write from right to left?

    #40798

    Hey,

    Sorry to hear you’re having problems.

    1.) Can you post a screenshot of the problem and explain what’s wrong. I had a quick look and couldn’t see anything out of place. What version are you using (you’ll find this under Help > About).

    2.) This theme does not include the native ability to allow translation strings (text domain) so the only way to change the language is to edit the individual theme files (index.php, header.php etc) and change the code to your language.

    3.) Simply put, everything which floats left needs to float right and vice versa. You can use a find and replace tool to assist you in modifying the CSS file. There aren’t too many areas of the theme which need adjusting so hopefully shouldn’t take too long.

    James

    #40799

    Hi James,

    Thanks for help I started working on the CSS :)

    here is a screen shot of the problem I mentioned earlier in IE 7.

    http://i56.tinypic.com/2ns2g7c.jpg

    #40800

    Please help me with this problem!

    It is driving me crazy.

    I also translated the CSS to my language and everything looks perfect on firefox, opera, and safari.

    but when it comes to IE it looks totally different.

    here is the css I edit

    /*
    Theme Name: Cubit
    Theme URI: htp://www.kriesi.at/archives/wordpress-theme-cubit
    Description: Modern Business WordPress Theme
    Version: 1.0
    Author: Christian Budschedl
    Author URI: http://www.kriesi.at

    */
    /*small reset*/
    body, ul, ol, li, p, h1,h2, h3, h4, h5, h6, form, blockquote, dl, dd, dt{
    margin:0;
    padding:0;
    }

    body, input, textarea{
    font: normal 13px Tahoma, Helvetice, Verdana, sans-serif;
    line-height:1.7em;
    direction:rtl;
    unicode-bidi: embed;
    }

    /*Basic classed and ids, used on pretty much every page*/
    #top{
    width:940px;
    margin:0 auto;
    position:relative;
    }

    #frontpage #head{
    height:425px;
    }

    #head{
    height:205px;
    position:relative;
    z-index:1;

    }

    #logo{
    position:relative;
    height:127px;
    width:313px;
    left:auto;
    right:25px;
    padding:0;
    }
    #logo a{
    display:block;
    height:127px;
    width:313px;
    text-indent:-9999px;
    position:absolute;
    outline:none;
    color: transparent;
    }

    #main_transition{
    position:relative;
    width:940px;
    height:275px;
    }

    #transition-container{
    height:240px;
    left:auto;
    right:19px;
    overflow:hidden;
    position:absolute;
    top:16px;
    width:900px;
    }

    #top #transition-container a img{
    border:none;
    }

    #main{
    position:relative;
    padding:0px 20px 0px 20px;
    float:right;
    }

    .content{
    float:right;
    position:relative;
    width:570px;
    overflow:hidden;
    }

    .entry{
    width:100%;
    float:right;
    clear:both;
    padding-bottom:30px;
    position:relative;
    }

    .breadcrumb{
    font-size:11px;
    left:auto;
    right:22px;
    line-height:12px;
    position:absolute;
    top:147px;
    width:850px;
    }

    .breadcrumb a{
    text-decoration:none;
    }

    #footer{
    clear:both;
    margin:20px 0 0 0;
    padding:2px 0 20px 0;
    width:100%;
    text-align:center;
    font-size:11px;
    float:right;
    }
    /*Basic styles fonts, images, links, etc*/

    p{
    padding-bottom:1.5em;
    }

    h1,h2,h3,h4,h5,h6, legend{
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight:normal;
    padding-bottom:5px;
    }

    h1{font-size:22px; clear:both;}
    h2{font-size:20px; clear:both;}
    h3, legend{font-size:18px; clear:both;}
    h4{font-size:16px; clear:both;}
    h5{font-size:14px; clear:both;}
    h6{font-size:13px; clear:both;}

    #top .post_title a{
    text-decoration:none;
    }

    #top .post_title a:hover{
    text-decoration:underline;
    }

    .meta{
    font-size:11px;
    line-height:11px;
    }

    .meta_subpage{
    display:block;
    padding:0 0 5px;
    }
    .meta_date{
    padding:0px 0 0 5px;
    }

    .meta_comment, .meta_cat{
    padding:0px 5px;
    }

    .more-link{
    display:block;
    padding:0 16px 0 0;
    line-height:20px;
    text-decoration:none;
    width:75px;
    clear:both;
    }

    #top #main .button, #cancel-comment-reply-link{
    border:none;
    width:116px;
    height:27px;
    line-height:27px;
    text-align:center;
    display:block;
    padding:0;
    font-size:11px;
    }

    #top #main #commentform .button, #cancel-comment-reply-link{
    float:right;
    }

    .floatright{
    float:right;
    }

    .floatleft{
    float:left;
    }

    .clearboth{
    clear:both;
    }

    .alignleft{
    float:right;
    margin:0px 0pt 10px 10px;
    overflow:hidden;
    max-width:588px;
    }
    .alignright{
    float:left;
    margin:0px 10px 10px 0pt;
    overflow:hidden;
    max-width:588px;
    }
    .aligncenter{
    clear:both;
    display:block;
    margin:0pt auto 1.5em;
    overflow:hidden;
    max-width:588px;
    }

    #top .wp-smiley{
    border:none;
    padding:0;
    }

    .content img, .content img a{
    padding:3px;
    text-decoration:none;
    }

    #top .content .noborder, #top .content .noborder a{
    border:none;
    padding:0;
    background:transparent;
    }

    /*Mainpage */

    .info_box, .sidebar{
    float:right;
    margin-right:0;
    margin-left:30px;
    overflow:hidden;
    padding-bottom:5px;
    position:relative;
    width:280px;
    }

    #top .sidebar{
    margin-right:0;
    margin-left:70px;
    width:260px;
    }

    .info_box h2{
    padding-bottom:10px;
    font-size:18px;
    }

    #top .box3{
    margin-left:0px;
    }

    .box_image{
    width:100%;
    height:60px;
    overflow:hidden;
    margin-bottom:10px;
    }

    /* navigation */

    #top #nav{
    float:right;
    position:absolute;
    top:107px;
    right:auto;
    left:20px;
    }

    #nav, #nav ul{
    margin:0;
    padding:0;
    list-style-type:none;
    list-style-position:outside;
    position:relative;
    line-height:36px;
    z-index:5;

    }

    #top #nav a{
    display:block;
    padding:0 15px 3px 15px;
    text-decoration:none;
    text-align:center;
    line-height:29px;
    outline:none;
    z-index:35;
    position:relative;
    }

    #top #nav li{
    float:right;
    position:relative;
    z-index:20;
    }

    #top #nav li li{
    border-left:none;
    }

    #top #nav ul {
    position:absolute;
    display:none;
    width:170px;
    top:29px;

    }

    #top #nav li ul a{
    width:140px;
    height:auto;
    float:right;
    text-align:right;
    padding:0 15px;
    }

    #top #nav ul ul{
    top:auto;
    border-top:none;
    }

    #top #nav li ul ul {
    left:auto;
    right:170px;
    top:0px;
    }

    #top #nav li:hover ul ul, #top #nav li:hover ul ul ul,#top #nav li:hover ul ul ul ul{
    display:none;
    }
    #top #nav li:hover ul, #top #nav li li:hover ul, #top #nav li li li:hover ul, #top #nav li li li li:hover ul{
    display:block;
    }

    #top #nav .sub_list, #top #nav .sub_sub_list{
    display:none;
    }

    #top #nav li.back {
    width: 9px;
    height: 32px;
    z-index: 8;
    position: absolute;
    }
    #top #nav li.back .left {
    height: 32px;
    margin-right: 9px;
    }

    /*subnavi*/

    #subnav{
    padding-bottom:20px;
    }

    #subnav ul{
    width:260px;
    list-style-type:none;
    list-style-position:outside;
    clear:both;
    }

    #subnav li{
    width:100%;
    }

    #subnav li a{
    text-decoration:none;
    display:block;
    width:225px;
    padding:5px 30px 5px 5px;
    }
    #subnav ul li a{
    /*if you want your subnav 2nd level items to have another style edit here*/
    }

    .sidebar ul, .sidebar ol, .footer ul, .footer ol {
    list-style-position:outside;
    list-style-type:none;
    position:relative;
    }

    .widget{
    clear:both;
    padding-bottom:20px;
    width:100%;
    float:right;
    overflow:hidden;
    position:relative;
    }

    .widget a, .widget a:visited{
    padding:5px;
    display:block;
    text-decoration:none;
    width:260px; /*change if sidebarwidth changes*/
    }

    .widget a:hover, .widget li:hover a {
    text-indent:0;
    }

    .widget h3{
    padding:0px 4px 4px;
    margin:0;
    }

    .widget div{
    padding:5px;
    }

    /* ####### rss widget ####### */
    .rss-date{
    padding:0px 5px;
    font-size:10px;
    }

    .widget_rss cite{
    padding:0px 5px 10px 5px;
    font-size:10px;
    display:block;
    }

    /* ####### rss widget ####### */

    /* ####### recentcomments + widget_archive + textwidget+ categorylink ####### */
    #top .widget_archive a, #top .recentcomments a, #top .textwidget a, #top .widget_categories a{
    display:inline;
    margin:0;
    padding:0;
    }

    .textwidget a{
    border:none;
    text-decoration:underline;
    }
    .textwidget a:hover{
    text-decoration:none;
    }

    #top .recentcomments, #top .widget_archive li, #top .widget_categories li{
    padding:5px;
    display:block;
    text-decoration:none;
    }

    #top .recentcomments a, #top .widget_archive li a, #top .widget_categories li a{
    border-bottom:none;
    }

    /* ####### recentcomments ####### */

    /*
    calendar
    */
    #wp-calendar a, #wp-calendar a:visited {
    display:block;
    text-decoration:none;
    padding:0;
    border:none;
    width:auto;
    }

    #wp-calendar a:hover{
    display:block;
    }

    #wp-calendar {
    empty-cells: show;
    width:100%;
    text-align:center;

    }

    #wp-calendar #next a,#wp-calendar #prev a {
    text-decoration:none;
    display:block;
    border:none;
    }
    #wp-calendar #next a:hover,#wp-calendar #prev a:hover {
    }

    #wp-calendar caption {
    margin-bottom:5px;
    }

    /*
    end calendar
    */

    /*
    tag cloud
    */
    #top .widget_tag_cloud a{
    display:inline;
    line-height:2em;
    border:none;
    }

    /*
    end cloud
    */

    #s, .text_input, .text_area{
    padding:5px;
    font: normal 12px Verdana, Helvetica, Arial, sans-serif;
    }

    #searchsubmit, #send, #submit{
    padding:4px 20px;
    font: normal 12px Verdana, Helvetica, Arial, sans-serif;
    }

    .hidden{
    display:none;
    }
    #commentform{
    padding-bottom:20px;
    }

    #top .commentlist, #top .commentlist li {
    clear:both;
    position:relative;
    list-style-type:none;
    width:520px;
    left:auto;
    right:25px;
    padding:10px 0 0 0;
    background-image:none;
    }

    #respond{
    clear:both;
    margin:20px 0 0 0;
    padding:20px 0 20px 0;
    width:100%;
    }

    #comment, fieldset textarea{
    height:150px;
    padding:5px;
    width:97%;
    }
    #commentform p, fieldset p{
    padding:2px 0;
    clear:both;
    }

    #commentform input{
    padding:5px;
    }

    .commentlist li h3{
    float:right;
    }

    .commentlist .says{
    display:none;
    }

    .commentlist .avatar{
    position:absolute;
    z-index:3;
    left:auto;
    right:-50px;
    }

    .commentlist .commentmetadata{
    font-size:11px;
    }

    .commentlist .commentmetadata a{
    float:left;
    position:relative;
    top:-18px;
    }

    .reply{
    font-size:11px;
    left:-43px;
    position:absolute;
    top:47px;
    }

    .reply a{
    text-decoration:none;
    }
    .reply a:hover{
    text-decoration:underline;
    }

    .comment_nav{
    width:100%;
    float:right;
    height:38px;
    padding-top:20px;
    }

    .comment_nav a{
    text-decoration:none;
    cursor:pointer;
    }

    .comment_next{float:left;}

    .comment_prev{float:right;}

    .commentlist .children{
    padding-left:0;
    padding-right:25px;
    }

    #top .commentlist .depth-2{
    width:470px;
    }

    #top .commentlist .depth-3{
    width:420px;
    }

    #top .commentlist .depth-4{
    width:370px;
    }

    #top .commentlist .depth-5{
    width:320px;
    }

    #top .commentlist .depth-6{
    width:270px;
    }

    #top .commentlist .depth-7{
    width:220px;
    }

    #top .commentlist .depth-8, #top .commentlist .depth-9, #top .commentlist .depth-10 {
    width:170px;
    }

    #cancel-comment-reply-link{
    float:left;
    margin-right:0;
    margin-left:3px;
    }

    /*
    Pagination
    */

    .pagination{
    clear:both;
    display:block;
    position:relative;
    z-index:3;
    }
    .pagination span, .pagination a{
    display:block;
    float:right;
    font-size:11px;
    line-height:13px;
    margin: 2px 0 2px 2px;
    display:block;
    padding:3px 6px;
    text-decoration:none;
    }

    .pagination .current{
    font-size:11px;
    padding:3px 6px;
    }

    /*CONTACT FORM*/

    fieldset{
    border:none;
    padding:0;
    margin:0;
    }

    fieldset label{
    padding-left:0;
    padding-right:7px;
    }
    .blocklabel{
    display:block;
    padding:10px 0 0 0;
    }

    /*Post styles*/

    blockquote{
    clear:both;
    padding:0 50px 0 0;
    }

    blockquote p{
    padding-right:0;
    padding-left:55px;
    padding-top:20px;
    }

    #top blockquote em, #top blockquote em a{
    display:block;
    text-align:left;
    font-weight:bold;
    font-style:italic;
    }

    .entry ul{
    list-style-type:none;
    list-style-position:outside;
    padding:0 0 15px 0;
    }

    .entry ul li{
    padding:0 25px 0 0;
    }

    .entry ol{
    list-style-type:decimal;
    list-style-position:outside;
    padding:0 25px 15px 0; }

    .preview_pic a img{
    width:562px;
    }

    #40801

    Hey,

    What you’ve done looks great in Safari and Firefox, I think the IE problems stems from the styles being called in rtl.css which (whilst technically the correct way to do this) conflicts with IE. Try backing up the original style.css file and copy the content of rtl.css to a new copy of style.css.

    To clarify the IE bug, it sees the first set of rules for an element as the only set it should follow regardless of the !important tag or other more specific CSS. Until support for it is dropped and users are elther forced by Microsoft to upgrade to at least IE9 (once released) or use a different browser these “hacks” are unfortunately necessary.

    James

    #40802

    Thanks Jams!

    I tried doing what you said up there and nothing happened :(

    Is there a way to ask kriesi to take a look at the code please!

    #40803

    i found out that I have to create a different style sheet for internet explorer (ie.css).

    is there a way you guys can help me with this?

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

The topic ‘Translating the template’ is closed to new replies.