Pomoč pri CSS

Na Themeforestu sem nabavil nek templejt za Wordpress. Sicer se na CSS spoznam bolj malo, ampak mi je uspelo večino stvari urediti kot sem želel. Vse razen widgetov, ki so prvotno imel ostre pravokotne robove, sam pa sem želel imeti lepo okrogle. Dobil zaobljeni background image in vse popravil, a sedaj mi preglavico dela rob (označen spodaj na sliki). Torej samo zgornji rob.

CSS za widgete je takšen:

.sidebar .widget {
    border:1px solid #e0e0e0;
    background:#fff;
    padding:11px;
    overflow:hidden;

}

.sidebar .widget .widget_title {
    background-image:url('http://shrani.si/f/3v/pe/1HuOAlFU/widget2.png');
    line-height:30px;
    margin:-11px;
    padding:0 10px;
    font-size:17px;
    color:#404040;
    margin-bottom:2px;
}

.sidebar .widget .wid_border {
       border-top:none
       margin:0 -11px;
       height:10px;
}

.sidebar .widget iframe {
    display:block;
}
.sidebar .widget ul {
    margin-bottom:0;
    margin:-11px;
}
.sidebar .widget select {
       padding:6px;
       width:100%;
       border:1px solid #e0e0e0;
       color:#4d4d4d;
}
.sidebar .widget input.sf {
       padding:0 6px;
       height:26px;
       line-height:26px;
       width:185px;
       border:1px solid #e0e0e0;
       float:left;
       margin-right:5px;
       color:#4d4d4d;
}
.sidebar .widget input.sb {
       border:none;
       height:28px;
        color: #404040;
    font-family:'Play' !important;
    font-size: 15px;
    text-transform:uppercase;
       background:#e0e0e0;
       width:75px;
       float:right;
       padding-bottom:2px;
       cursor:pointer;
}

.sidebar .widget ul li {
    padding:10px 15px;
    border-bottom:1px solid #f0eded;
}
.sidebar .widget ul li:last-child {
    border-bottom:none;
}

Kaj naj storim, da bo samo zgornji (označen) rob izginil?

16 odgovorov

browsershots.org uporabi

Brez zamere samo meni to deluje kot, da hočeš da ti drugi rešijo problem ker se tebi ne da namestiti potrebne programske opreme za testiranje.
Prav tako se mi pa ne da brskat po celotnem sourcu strani.

No kakorkoli upam, da ti bo kdo uspel pomagat.

@wssrpnc: hvala za tole,... tukaj se šele najdejo cvetke :)

Bom si tudi jaz sposodil to temo,... mantra me CSS, nikaor noče zaznat prave slikice. Če si pogledate meni tukaj, je prvi naslov/kvadrat "kategorije" tako kot more biti, ostali - "znamke", "velikost", "spol",... pa nočejo zagrabiti enake slike, čeprav je v CSS-ju to nastavljeno. Pa če tudi dodam !important, se nič ne zgodi,...

Kakšne ideje?

V datoteki supermenu.css v vrstici 246 spremeni "background-image" v "background"... potem bo verjetno ok.

Datoteka pa ti je tukaj: http://zabolin.si/catalog/view/javascript/jquery/supermenu/templates/default/supermenu.css

2

5ka, hi5! :)
Hvala za tole, nevem kako se nisem spomnil na tole,...