Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Page & Category Menu Bars »

[SOLVED] Dotted border doesn't go away when...

Old Mar 25, 2012, 02:48 PM
48 posts · Jan 2012
I have removed the dotted border around the Menu 1 by making it solid and the same colour as the menu container background in the Page Menu Styling area.

However, when I center the menu by using "%page-center" it creates a dashed border of a different colour in the area where there are no linked pages. See http://www.ambrosearts.ca/andre1/

Also, if I use a different colour background and border colour from the page background, i.e. when an image is the page background, and place the menu either right or left, the div containing the menu spreads across the page with the menu colour instead of just maintaining the width necessary to hold the menu. See http://normhamilton.ca/testing/

Do I suppress the width of the menu container so it only goes as wide as needed to hold the menu? And if so, how do I do that? I think it is <div id="menu1">

Thanks for your time and consideration.

Old Mar 25, 2012, 03:35 PM
lmilesw's Avatar
10,174 posts · Jul 2009
Central New York State USA
You just use some CSS for the menu like below.
HTML Code:
div#menu1 {
    background: transparent;
    border: none !important;
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
Old Mar 25, 2012, 04:48 PM
48 posts · Jan 2012
Thanks lmilesw.

I put the CSS you gave me into the "Add HTML/CSS Inserts". Centered, it works great.

When the menu is set left or right this CSS seemed to remove the borders, but still leaves the background of "div#menu1" black.

See http://normhamilton.ca/testing/
Old Mar 25, 2012, 07:11 PM
48 posts · Jan 2012
Interestingly, after reading other threads for most of the afternoon :-) I came across this

#rmenu2 {
background:white !important;


A it turns out the borders were in div#menu1 and the background was in #rmenu2

To get what I wanted, I ended up adding the following to "Add HTML/CSS inserts":

div#menu1 {
border: none !important;

#rmenu2 {
background: transparent !important;

Last edited by yukoner; Mar 25, 2012 at 07:17 PM.


Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Similar Threads
Thread Thread Starter Forum Replies Last Post
Remove Dotted Border around Sticky Post vCopia Center area post/pages 1 Sep 15, 2011 02:59 PM
how do i get rid of the dotted lines? wheresnifty Page & Category Menu Bars 1 Feb 17, 2010 05:29 PM
[SOLVED] how to create a CSS insert for border-left border-right on menu tabs aliengirl Page & Category Menu Bars 3 Jan 7, 2010 08:22 PM
How to change dotted border line in the layout to solid line? araneum Atahualpa 3 Wordpress theme 1 Feb 21, 2009 06:40 PM

All times are GMT -6. The time now is 09:29 PM.

Powered by vBulletin® Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.