عوض کردن لوگوی قالب راه شیری جوملا

[hamidreza66]

سلام

من به تازگی یه سایت با جوملا راه انداختم و میخوام از قالب راه شیری (همونی که وقتی نصب میشه باهاش هست) استفاده کنم.
بجای لوگوی جوملا که در بالا و سمت راست هست میخوام لوگوی من بالا سمت چپ باشه، هر کاری کردم نشد.
این کد html مربوط به لوگو

<div id="header">
                <div id="header_l">
                    <div id="header_r">
                        <div id="logo"></div>
                        <jdoc:include type="modules" name="top" />
                    </div>
                </div>
            </div>

و اینم css مربوط به لوگو

div#header_l {
    position: relative;
}

div#header_r {
    height: 90px;
    padding-left: 370px;
    padding-right: 30px;
    padding-top: 25px;
    overflow: hidden;
    text-align: left;
}

div#logo {
    position: absolute;
    left: 0;
    top: 0;
    float: left;
    width: 298px;
    height: 75px;
    background: url(../images/mw_joomla_logo.png) 0 0 no-repeat;
    margin-left: 30px;
    margin-top: 25px;
}

من این کد رو کمی تغییر دادم به کد زیر:

div#header_l {
    position: relative;
}

div#header_r {
    height: 90px;
    padding-left: 30px;
    padding-right: 370px;
    padding-top: 25px;
    overflow: hidden;
    text-align: left;
}

div#logo {
    position: relative;
    left: 0;
    top: 0;
    float: left;
    width: 375px;
    height: 75px;
    background: url(../images/mw_joomla_logo.png) 0 0 no-repeat;
    margin-left: 30px;
    margin-top: 25px;
}

</div>

[hamidreza66]

خودم پیدا کردم
اینم کد تغییر

div#header_r {

    height: 90px;

    padding-left: 450px!important;

    padding-right: 30px!important;

    padding-top: 25px;

    overflow: hidden;

    text-align: left;

}



div#logo {

    position: absolute;

    left: 0;

    top: 0;

    float: left;

    width: 375px;

    height: 75px;

    background: url(../images/mw_joomla_logo.png) 0 0 no-repeat;

    margin-right: 600px!important;

    margin-top: 25px;

}