Hi Magrietha,
Geef even een link naar je site en het gebruikte theme, dan krijg je concreet advies op basis van jouw situatie.
Zoek een nieuwe plugin met zoekwoord ‘sidebar’, je zal er echt wel iets vinden waarmee je het op een legale manier kan aanpassen.
Via de illegale manier, gewoon in style.css van je thema zoeken naar ‘sidebar’ en de “margin” aanpassen.
Ik adviseer de legale manier omdat je misschien later spijt gaat krijgen van het gerommel in een thema.
Ik heb al gezocht naar een plugin, maar wordt er niet veel wijzer van eigenlijk. Er zijn veel bomen in dat grote bos.
Mijn site is http://www.zuslunches.nl (let aub nog niet op al het andere ben nog niet zover) gekozen theme in Dandelion.
Ik zie dat je een achtergrond kleur hebt in je widgets, gebruik die zelfde kleur als achtergrond in je sidebar en je bent volgens mij klaar. 🙂
Ik heb die kleur ook aangepast binnen mijn style.css bij de sidebar.
Volgens mij zou dan de gehele sidebar moeten kleuren, maar dat doet die dus niet. Alleen daar waar inderdaad een widget is toegevoegd. Als ik de widget weg haal dan is dat stukje sidebar ook niet meer aanwezig.
Misschien handig? De kleur is dus e6e6e6. Dit is de sidebar stuk in mijn stylesheet:
.sidebar {
height: auto;
min-height: 200px;
float: right;
width: 310px;
margin-top: -200px;
margin-bottom:30px;
margin-right: 40px;
}
.sidebar a {
font-style: normal;
}
.sidebar-box {
margin-bottom: 25px;
height:auto;
overflow:hidden;
background-color: #E6E6E6
}
.sidebar-box ul {
text-decoration: none;
list-style: none;
margin-left:3px;
margin-top:-10px;
}
.sidebar-box ul li a {
display: block;
width: 258px;
color: #6a6a6a;
text-decoration: none;
font-size: 13px;
}
.sidebar-box ul li{
padding: 0x;
border-bottom: 1px solid #E6E6E6;
}
.sidebar-box ul li a:hover {
color: #373737;
}
.sidebar-box h4 {
font-family: “Yanone Kaffeesatz”, arial, sans-serif;
font-weight: 400;
font-size: 16px;
font-style: normal;
color: #484848;
border-bottom: 1px solid #E6E6E6;
margin-bottom: 10px;
padding-bottom: 0px;
text-transform: uppercase;
}
.sidebar-box input[type=’text’] {
width: 300px;
margin-bottom: 10px;
height: 29px;
}
/*————————-END SIDEBAR—————————-*/
Gebruik onderstaande code
.sidebar {
height: auto;
min-height: 200px;
float: right;
width: 310px;
margin-top: -200px;
margin-bottom:30px;
margin-right: 20px;
background: #e6e6e6
}
.sidebar a {
font-style: normal;
}
.sidebar-box {
margin-bottom: 25px;
height:auto;
overflow:hidden;
background-color: #E6E6E6
}
.sidebar-box ul {
text-decoration: none;
list-style: none;
margin-left:3px;
margin-top:-10px;
}
.sidebar-box ul li a {
display: block;
width: 258px;
color: #6a6a6a;
text-decoration: none;
font-size: 13px;
}
.sidebar-box ul li{
padding: 0x;
border-bottom: 1px solid #E6E6E6;
}
.sidebar-box ul li a:hover {
color: #373737;
}
.sidebar-box h4 {
font-family: "Yanone Kaffeesatz", arial, sans-serif;
font-weight: 400;
font-size: 16px;
font-style: normal;
color: #484848;
border-bottom: 1px solid #E6E6E6;
margin-bottom: 10px;
padding-bottom: 0px;
text-transform: uppercase;
}
.sidebar-box input[type='text'] {
width: 300px;
margin-bottom: 10px;
height: 29px;
}
/*-------------------------END SIDEBAR----------------------------*/
Gelukt! Moest alleen nog wel even -color toevoegen aan het woord background 🙂 Maar top, bedankt!
