Sidebar Customization using CSS
-
-
devblog, that is great, I’m tempted to have that or something silimar on my blg, however I’m using wank’s Diurnal and have the start from scratch ticked. Would it still work then?
-
-
it might work right away. You might still need to tweak the side bar properties a bit more.
You could add the code above to the very bottom of your CSS and preview it before saving it.
Try it and let me know how it works for you. If you’d need to tweak it some more, I’ll be happy to help you with that, but I would need a couple of days to work on it because of my job and other projects.
-
Hi devblog,
Yes, that is exactly what I wanted. Thanks a ton for doing this for me. :)
For your customization, I’m assuming you have the “Add to existing CSS (View stylesheet)” radio button checked.
Umm…actually I’m using “Start from scratch”, because my tweaking it based on Wank’s theme, Baubles.
But I will give this a shot and see how it goes! =) Thanks once again.
-
-
Cat:
It works even when I used “Start from scratch”! So, you should be able to add it to your blog. :)
Devblog:
That’s some neat work from you. Thanks so much for taking out the time to work on my sidebar. It’s so kind of you. =))
-
-
-
Right, I did the above and manged to get it on my blog, so a big thank you for that. :)
It doesn’t have a box around it as all the other widgets do. Is that doable at all?
-
Oh and taking it a little off topic, is there any way to remove the header box from the search, as it’s quite obvious what it does?
Cheers.
-
Did you keep in the line about the border? Because that should give you a box. You can customize it to different widths, colours and styles if you want.
-
I used exactly what devblog posted. Just tried changing things about it, but it didn’t make a difference. If you scroll down you can see ‘the box’ is there.
-
Cat,
To remove the header of the search box and the empty box at the bottom of your sidebar, do this:
#search h3 {display: none;} #text-9 {border: none;}For your welcome message, replace your current .welcome class definition with this:
.welcome { border:solid 1px #ccc !important; width:365px; height:100px; position:absolute; top:-115px; margin:0 0 0 -10px; padding:0 5px 10px !important; }Let me know how it works.
-
-
I like that modification for the Search box. I’m stealing it too =)) Thanks devblog.
Cat: Thanks for bringing it up.
-
-
Vivian: I like the way you’ve done the Journalist theme. Esp. the little mermaid on the top. :)
-
-
- The topic ‘Sidebar Customization using CSS’ is closed to new replies.
WordPress.com Forums 