Border to my sidebar
-
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!
-
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.
My CSS file looks like this:
* Theme Name: WP Framework Theme URI: https://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="https://wpframework.com">https://wpframework.com</a>. Author: Ptah Dunbar Author URI: https://ptahdunbar.com Tags: one-column, two-columns, three-columns, fixed-width, sticky-post, threaded-comments, microformats Copyright 2008 Ptah Dunbar <https://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 <https://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!
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…
https://www.w3schools.com/css/css_border.asp
You can go here to get different colors (#000000)…
https://www.w3schools.com/tags/ref_colornames.aspIt looks like your stylesheet would be located at “library/media/css/base.css”.
For example: https://yourdomain.com/wp-content/themes/yourcurrenttheme/library/media/css/base.css
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.
I don`t see any base.css. But I can check my FTP and see if I find it there ??
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? ??
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="https://x.com/home"><img class="alignnone size-full wp-image-16" title="Pictitle" src="https://x.com/x/wp-content/uploads/2010/09/PicA.jpg" alt="" width="180" height="150" " Heihei"</a> <a href="https://x.com/Home"><img class="alignnone size-full wp-image-16" title="Pictitle"src="https://x.com/x/x/uploads/2010/09/PicB.jpg" alt="" width="780" height="80"</a>
- The topic ‘Border to my sidebar’ is closed to new replies.