• Hi.
    Is it possbile to make a border to my sidebar? And how do I do it?
    I want this, so I can get a line between my sidebar and my main content.
    Thanks for helping!

Viewing 12 replies - 1 through 12 (of 12 total)
  • Find the sidebar class or id in the css file and add the border property. You might get more specific help if you post a link to your site.

    Thread Starter sunsi55

    (@sunsi55)

    My CSS file looks like this:

    *
    Theme Name:		WP Framework
    Theme URI: 		http://wpframework.com/
    Version: 		0.2.4.10
    Description: 	A <em>blank</em> WordPress Theme Framework <strong>that's everything you need, and nothing you don't.</strong> With features like <em>microformats, a traditional template structure, convention over configuration, clean semantic code, documenation, and it's atomic templating system</em>, WP Framework is <em>completely extensible, flexible</em> and <strong><em>the</em></strong> starting point for theme authoring and customization. To learn more, visit <a href="http://wpframework.com">http://wpframework.com</a>.
    Author: 		Ptah Dunbar
    Author URI:		http://ptahdunbar.com
    Tags:			one-column, two-columns, three-columns, fixed-width, sticky-post, threaded-comments, microformats
    
    Copyright 2008 Ptah Dunbar <http://ptahdunbar.com> All rights reserved.
    WP Framework is licensed under the terms of the GNU General Public License version 2.
    
    If you have any questions, comments, or concerns,
    visit <http://wpframework.com> for more information!
    */
    
    /* Reset Browser Defaults */
    @import url( 'library/media/css/reset.css' );
    
    /* Apply base theme styles and colors */
    @import url( 'library/media/css/base.css' );
    
    /* Basic 2 Column Layout */
    @import url( 'library/media/layouts/2col-r.css' );
    
    /* Stylistic CSS Styles */
    @import url( 'library/media/css/screen.css' );
    
    /* These empty css selectors are temporarily here for compatiability with the WordPress theme repository checklist. */
    .aligncenter {} .alignleft {} .alignright {} .wp-caption {} .wp-caption-text {}

    Isen`t it possible to add some code right inn to my sidebar?

    Isen`t it possible to add some code right inn to my sidebar?

    The best place for css, is in a css file. Not in other files.

    The file you posted above does nothing but import further css files. We would need to see the css file which controls your sidebar.

    That’s why its easiest with a link to your site. We can then look through the various css files ourselves

    RevVooDoo:

    I have a similar issue posted here. Can you assist me with that once you’re done with this one? I’ll greatly appreciate it!

    Thread Starter sunsi55

    (@sunsi55)

    Rev.Voodoo I have fixed the sidebar problem I posted some days ago! Thanks for great help! 🙂

    Where do I find my CSS file?
    The file I posted is the one I find under apperance -> Editor -> Stylesheet.css
    Where else should I look?

    You can always go to your sidebar.php and depending whether it is in a div, table or list (i am going to use div for this example)

    find something that looks like this... <div id="sidebar">
    add the following just before the bracket at the end... style="border-left: 1px solid #000000"

    The border-left could be border-right if you need.
    The 1px is how thick the border is.
    Mor on borders…
    http://www.w3schools.com/css/css_border.asp
    You can go here to get different colors (#000000)…
    http://www.w3schools.com/tags/ref_colornames.asp

    It looks like your stylesheet would be located at “library/media/css/base.css”.

    For example: http://yourdomain.com/wp-content/themes/yourcurrenttheme/library/media/css/base.css

    Thread Starter sunsi55

    (@sunsi55)

    Chanel.
    How do I ge there? From my dashboard?

    Ljmyers. I don`t have any div id =”sidebar” Or anything like that. It is just a code where there are linked to some pics.

    I have seen your links, and thanks! But how do I get that border around the whole sidebar?

    I can`t just write style = “, Shouldent it be some letter or something infront of style?
    Dont I need anything more?

    Login into your wordpress admin and go to Themes > Editor. On the right hand side, if you don’t see “base.css” as an option you will need to access it via your ftp and edit the file that way.

    Thread Starter sunsi55

    (@sunsi55)

    I don`t see any base.css. But I can check my FTP and see if I find it there 🙂

    Thread Starter sunsi55

    (@sunsi55)

    Hi.
    I found my Base.css in my Cpanel.
    I also found:
    print.css
    Reset.css
    Screen.css
    Can`t seem tofind anything for sidebars there tho..

    What should I add to the base.css file to get borders? 🙂

    Thread Starter sunsi55

    (@sunsi55)

    I have multiple sidebars also on my site.
    So the best thing for my would be to add it directly to my sidebar code.

    Which currently, looks like this:

    <a href="http://x.com/home"><img class="alignnone size-full wp-image-16" title="Pictitle" src="http://x.com/x/wp-content/uploads/2010/09/PicA.jpg" alt="" width="180" height="150" " Heihei"</a>
    <a href="http://x.com/Home"><img class="alignnone size-full wp-image-16" title="Pictitle"src="http://x.com/x/x/uploads/2010/09/PicB.jpg" alt="" width="780" height="80"</a>
Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘Border to my sidebar’ is closed to new replies.