WordPress.org

Ready to get started?Download WordPress

Forums

Border to my sidebar (13 posts)

  1. sunsi55
    Member
    Posted 3 years ago #

    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!

  2. vtxyzzy
    Member
    Posted 3 years ago #

    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.

  3. sunsi55
    Member
    Posted 3 years ago #

    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?

  4. Rev. Voodoo
    Volunteer Moderator
    Posted 3 years ago #

    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

  5. chanel
    Member
    Posted 3 years ago #

    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!

  6. sunsi55
    Member
    Posted 3 years ago #

    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?

  7. ljmyers
    Member
    Posted 3 years ago #

    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

  8. chanel
    Member
    Posted 3 years ago #

    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

  9. sunsi55
    Member
    Posted 3 years ago #

    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?

  10. chanel
    Member
    Posted 3 years ago #

    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.

  11. sunsi55
    Member
    Posted 3 years ago #

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

  12. sunsi55
    Member
    Posted 3 years ago #

    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? :)

  13. sunsi55
    Member
    Posted 3 years ago #

    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>

Topic Closed

This topic has been closed to new replies.

About this Topic