Sidebar Customization using CSS

  • Author
    Posts
  • #177614

    devblog
    Member

    Thank you, rosclarke.

    #177615

    carocat
    Member

    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?

    #177616

    carocat
    Member

    similar on my blog.*

    #177617

    devblog
    Member

    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.

    #177618

    ruhi
    Member

    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.

    #177619

    ruhi
    Member

    Forgot to add- Please restore your blog to its normal view. :)

    #177620

    ruhi
    Member

    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. =))

    #177621

    devblog
    Member

    Awesome!

    #177622

    carocat
    Member

    Thanks to both of you. I shall give it a try later hoping I don’t break something. :)

    #177625

    carocat
    Member

    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?

    #177626

    carocat
    Member

    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.

    #177627

    rosclarke
    Member

    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.

    #177628

    carocat
    Member

    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.

    #177631

    devblog
    Member

    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.

    #177632

    carocat
    Member

    Thank you very much, worked perfectly.

    Thanks for taking your time. :)

    #177633

    ruhi
    Member

    I like that modification for the Search box. I’m stealing it too =)) Thanks devblog.

    Cat: Thanks for bringing it up.

    #177634

    vivianpaige
    Member

    Y’all are making me want to try Sandbox with all those cool mods ;)

    #177635

    ruhi
    Member

    Vivian: I like the way you’ve done the Journalist theme. Esp. the little mermaid on the top. :)

    #177636

    vivianpaige
    Member

    Thanks! The mermaid is the local city logo.

    #177641

    devblog
    Member

    No problem.

The topic ‘Sidebar Customization using CSS’ is closed to new replies.