Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Apr 2005
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question help! right-to-left

    hi everyone

    i would appreciate any help or suggestions!

    i am using assistly's templates for my portal which is right-to-left. i have succeeded in altering most of the portal correctly, however, some of the <li> bullet points and icons are still showing up as left-to-right. you can see the problem on my portal site here: http://help.cbtisrael.com

    i have tried changing adding dir: rtl; to every possible css option, but to no avail. if you have any other suggestions for moving the icons and bullet points to the right, please let me know!

    thanx

    ==============================

    here is some of the relevant css code:


    /* Support Main Column */

    #support-main {
    float: right;
    width: 700px;
    }

    #support-main .support-body {
    background: #FFF;
    border: 1px solid #CCC;
    -moz-box-shadow: 0 3px 4px #CCC;
    -webkit-box-shadow: 0 3px 4px #CCC;
    }

    #support-main .content {
    overflow: hidden;
    padding: 20px;
    }

    /* Support Main Column Headers */

    #support-main h3 {
    border-bottom: 1px solid #DDD;
    margin: 0 0 20px;
    padding: 0 0 20px;
    }

    #support-main h4 {
    margin: 0 0 30px;
    }

    #support-main h5 {
    margin: 0 0 9px;
    }

    #support-main h5 a {
    background: #EEE;
    color: #666;
    font-size: 11px;
    padding: 3px 7px;
    margin: -2px 0 0 9px;
    position: absolute;
    text-decoration: none;
    -moz-border-radius: 24px;
    -webkit-border-radius: 24px;
    }

    /* Dashboard */

    #support-main .dashboard h5 a:hover {
    text-decoration: none;
    color: #FFF;
    background: #254689;
    }

    #support-main .dashboard td {
    border-bottom: 1px solid #CCC;
    padding: 20px 0 10px;
    }

    #support-main .dashboard .row1 td {
    padding: 0 0 10px;
    }

    #support-main .dashboard .last td {
    border-bottom: none;
    }

    #support-main .dashboard .topic {
    margin: 0;
    }

    #support-main .dashboard .topic ul {
    color: #254689;
    margin: 0 15px 20px 0;
    list-style: none;
    }

    #support-main .dashboard .topic li {
    background: url('{{ "/images/portal/featured-bullet.png" | portal_image_url: image_asset_host }}') -2px 5px no-repeat;
    margin: 0 0 5px;
    padding: 0 0 0 15px;
    }

    #support-main .dashboard .topic li.featured a {
    background: #FAFBCA;
    font-weight: bold;
    }

    #support-main .dashboard h5 {
    background: url('{{ "/images/portal/icon-types-small.png" | portal_image_url: image_asset_host }}') 0 0 no-repeat;
    height: 16px;
    font-size: 13px;
    text-transform: uppercase;
    padding: 0 0 0 20px;
    }

    #support-main .dashboard h5.questions {
    background-position: 0 -109px;
    }

    /* Article Lists */

    #support-main .articles ul {
    list-style: none;
    }

    #support-main .articles h4 {
    margin: 0 0 5px;
    font-weight: normal;
    }

    #support-main .articles li {
    margin: 0 0 30px;
    }

    #support-main .articles li.question {
    background: url('{{ "/images/portal/icon-types.png" | portal_image_url: image_asset_host }}') 0 3px no-repeat;
    padding: 0 0 0 40px;
    }

    #support-main .articles li.article {
    background: url('{{ "/images/portal/icon-types.png" | portal_image_url: image_asset_host }}') 0 -276px no-repeat;
    padding: 0 0 0 40px;
    }

    #support-main .articles li.question.featured {
    background-position: 0 -138px;
    }

    #support-main .articles li.article.featured {
    background-position: 0 -415px;
    }

    #support-main .articles li.featured h4 a {
    font-weight: bold;
    background: #FAFBCA;
    }

    #support-main .articles li p {
    margin: 0 0 5px;
    color: #777;
    }

    #support-main .articles .condensed {
    background: #FFFDF4;
    border: 1px solid #E3DEBF;
    margin: 0 0 30px;
    padding: 20px 20px 0;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    }

    #support-main .articles .condensed li {
    margin: 0;
    padding: 0;
    }

    #support-main .articles .condensed h4 {
    font-size: 15px;
    }

    #support-main .articles .condensed p {
    margin: 0 0 20px 30px;
    color: #777;
    }

    #support-main .articles .condensed a {
    margin: 0 0 20px 30px;
    }

  • #2
    New to the CF scene
    Join Date
    Mar 2011
    Posts
    5
    Thanks
    0
    Thanked 1 Time in 1 Post
    They are images in li's background

    Code:
    #support-main .dashboard .topic li {
        background: url("http://assets2.assistly.com/images/portal/featured-bullet.png") no-repeat scroll -2px 5px transparent;
        margin: 0 0 5px;
        padding: 0 0 0 15px;
    }
    you can remove that or change the position


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •