Jump to content
Sign in to follow this  
chisim11

Line on SideBar?

Recommended Posts

chisim11

I created a menu on the primary sidebar of a particular page. Refer to http://tinyurl.com/7tl6x2b'>http://tinyurl.com/7tl6x2b Questions: There is this horizontal line(http://tinyurl.com/7tl6x2b'>http://tinyurl.com/7tl6x2b) in here which has always been on my site throughout but that would appear usually at the footer or sometimes right underneath the header. I have asked in the past as to why this line shows up. I don't believe I received an answer on that. Why am I getting this horizontal line and how do I remove it? I realize my black background is not helping but. Is it possible to differentiate the sidebar from the content area. In other words, having some sort of division between the links and the content area? What I'm trying to accomplish is something like this: http://tinyurl.com/7rkrgrx I originally had the menu's list as sub-nav(which I have not yet deleted) cause I'm still trying to set up this vertical menu correctly on the sidebar. But now that these pages are next to the sidebar, is there a way to have these pages automatically sized so they all fit uniformly? thanks

Share this post


Link to post
Share on other sites
catrina
That horizontal line is a border that is there by default in the post within the loop (even if a post isn't actually there, the line can still appear). Add this CSS to Custom Code > Custom CSS in your Settings to remove it: [code]div#post div.post {border: 0px;}[/code] As for creating a division between the sidebar and content area, you can add the vertical line to the right side of the sidebar by adding a right border. Is that what you want to do or do you want the sidebar to be encapsulated inside a box with a different background color (like in the example)?

Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
chisim11
Catrina, Entered code on custom ccs but did not work. it actually shows on the page. As far as the 2 different options of creating a division between the sidebar and content; it would be nice to be able to do both and see how each one looks before picking one over the other. Would you mind sharing how to do both so I can see how it would like both ways? Thanks for your help?

Share this post


Link to post
Share on other sites
Rob
Simon, it appears you did not add that code correctly or in the proper place. It shows up on the top left of your site. It should go into Dashboard > PlatformPro > Custom Rules > CSS Rules. It should be on a line of its own. On the line before it, there should be a closing curly bracket like } <-that.

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
chisim11
I did not know that bracket was supposed to be placed on the line before the code. I dont know coding. I just copied and pasted Catrina's code. I also added the curly bracket on the line before the code exactly as you had indicated: } div#post div.post {border: 0px;} and nothing. Tried the bracket the other way { div#post div.post {border: 0px;} and nothing. Also tried putting the bracket both ways right before the code to see if either way would work. And did not. It is in the CSS Rules and it is on its own line.

Share this post


Link to post
Share on other sites
Simon
Think i see whats going on here... looking at your custom css we get this: [code]
} div#post div.post {border: 0px;}[/code] where it should simply be: [code]div#post div.post {border: 0px;}[/code] Not sure what that other stuff is, but in the custom css box you do not need to add style tags. that is done for you.

Share this post


Link to post
Share on other sites
chisim11
Simon, The other stuff is just to protect images(no right click). Anyways, placed the code exactly as it was and sort of moved it to the top but it still shows and he horizontal bar is not removed. http://tinyurl.com/7tl6x2b This line is usually at the bottom just above the logos on the footer area. Any other suggestions? I just realized this menu within sidebar i tried to create for this particular page http://tinyurl.com/7tl6x2b affected all pages.

Share this post


Link to post
Share on other sites
Simon
You cannot have HTML in the css box! [code]
}[/code] That ^^ is HTML [code].protectImage{background-image:http://www.amazingworldproperties.com/wp-content/uploads/2011/08/1st-option-blackbackground2.jpg;background-repeat:no-repeat;width:187px;height:200px;margin:1 3 4 4;}[/code] That is css

Share this post


Link to post
Share on other sites
chisim11
ok made the above correction. however, div#post div.post {border: 0px;} has not removed horizontal line.

Share this post


Link to post
Share on other sites
Simon
Well its impossible for us to tell if your making changes as you are developing the site with two caches enabled, we wont see any changes just cached pages.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×