Need some help with my sidebar..

iliketurtles

Regular Member
Joined
Dec 10, 2008
Messages
286
Reaction score
10
I`d rather not give you the url to my site, but I use this theme: http://wp-extend.com/themes/drochilli/

Now, can someone tell me how I can allign the content in my sidebar to the right? I want the "border" between black and white to be sort of a center..
 
Hi, Sorry i dont quiet understand what you want to do...

Do you want the content in the sidebar to shift towards the right more?

If you could clarify this, I would be happy to help...

Sorry i didnt reply in the other thread, it wont let me :(
 
temp.jpg


:)
 
<div align="right">

content

</div>

?

That didn`t work when I edited the single.php. Did I edit wrong?
 
you shouldn't need to add any extra divs. the sidebar looks to be setup with menu tags like <ul> and <li>. Look in your sidebar.php and you should see something like this:

<div id="aside">
<ul>
<li>menu item 1</li>
<li>menu item 2</li>

Either edit the css, or align that div right there as such: <div id="aside" style="text-align:right">

That should do it
 
One more thing, I`d like for the textlinks in the sidebar to be underlined when I hover my mouse over them. Right now they are underlined all the time, and the underlining dissapears when I hover over them. How do I fix this?
 
Like this:

Code:
.widget ul li a{
text-decoration:none;
}

.widget ul li a:hover{
text-decoration:underline;
}
 
Cool! Where should I put it? (Yes, I`m kinda lost)


Aside
*/

#aside ul {
display: inline;
float: left;
font: 13px/20px Arial;
list-style-type: none;
margin: 0;
width: 100%;
}

#aside ul li {
color: #ffd700;
float: left;
margin: 0 0 10px 0;
width: 100%;
}

#aside ul li ul {
color: #fff;
list-style-type: disc;
margin: 10px 0 10px 20px;
}

#aside ul li ul li {
background: none;
margin: 0;
}

#aside ul li ul li ul {
margin: 0 0 0 20px;
}

#aside a {
color: #fff;
}

#aside h3 {
color: #ffd700;
font: bold 23px/26px Arial;
letter-spacing: -1px;
margin: 20px 0 0;
position: relative;
}

#aside h3 span {
height: 25px;
margin-left: 5px;
position: absolute;
width: 22px;
}

#aside h3 a {
color: #ffd700;
text-decoration: none;
}

#aside ul li .textwidget {
color: #fff;
margin: 10px 0 0 0;
}
 
This should do it

Code:
#aside a {
color: #fff;
text-decoration:none;
}
#aside a:hover {
text-decoration:underline;
}
 
perfect solution elmosgotagun. hey iliketurles, instead of just making it underline on hover, try 'n change the color of it to another color on your site, you might like it much better

Code:
#aside a {
color: #fff;
text-decoration:none;
}
#aside a:hover {
color: #f00;
text-decoration:none;
}
 
Back
Top