Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

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

[SOLVED] Cant get rid of dashed line round centred page menu


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old May 1, 2012, 10:38 AM
prooffairy
 
72 posts · Oct 2010
Sorry for reposting - juggledad posted an answer and someone else posted a link and mysteriously the thread was closed and marked solved - but I have tried both solutions offered and still ahve the problem so it's not actually solved!

So the problem is:

I've used Atahualpa for loads of sites and have always used the following code to remove the dashed line round the page-center and cat-center menus:


div#menu1 {
border:0;
}
div#menu2 {
border:0;
}

However, the site I'm working on now it won't work. Site link is http://79.170.44.113/aliwp1.co.uk/

On this site I've added the grey image via the Header Overlay box and also need the menu bar to be transparent so the image is over the menu option when there are more things in there.

I'm using WP 3.3.2 and Atahualpa 3.7.6

Juggledad suggested using

div#menu1 ul.rMenu li a { border: none;}

in CSS inserts and someone else said to try

div#menu1 {
border: dashed 0px #fff;

}

but neither of those has made a difference. Really need to get shot of the dotted lines!
  #2  
Old May 4, 2012, 09:20 AM
prooffairy
 
72 posts · Oct 2010
Any help? Please?
  #3  
Old May 4, 2012, 09:22 AM
prooffairy
 
72 posts · Oct 2010
Juat got rid of the in between dashes but still have a line showing at either end (left hand side is partially covered by an image)
  #4  
Old May 4, 2012, 10:25 AM
juggledad's Avatar
juggledad
 
22,104 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
Did you look at the FAQ on menu's ?
__________________
If you like my help, please consider donating. I am happy to provide greater detail on this and other topics if you hire me. Please send detailed support requests to me as a private message, thank you.
Juggledad | Forum Moderator/Support
  #5  
Old May 4, 2012, 10:53 AM
prooffairy
 
72 posts · Oct 2010
Yep - tried that, used this theme loads of times and always been able to get rid of the dotted lines - but not this time.
  #6  
Old May 4, 2012, 01:04 PM
juggledad's Avatar
juggledad
 
22,104 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
Try this
HTML Code:
div#menu1  {
	border: none;
If it doesn't work, disable all plugins. Sometimes a plugin adds its own CSS and if it comes after the atahualpa CSS it will override. If it used the same class or id name, it would replace the CSS.
__________________
If you like my help, please consider donating. I am happy to provide greater detail on this and other topics if you hire me. Please send detailed support requests to me as a private message, thank you.
Juggledad | Forum Moderator/Support
  #7  
Old May 4, 2012, 08:18 PM
lmilesw's Avatar
lmilesw
 
10,077 posts · Jul 2009
Central New York State USA
You may have to add !important to the code as shown below.
HTML Code:
div#menu1  {
    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.

Last edited by lmilesw; May 8, 2012 at 05:47 AM.
  #8  
Old May 8, 2012, 05:36 AM
prooffairy
 
72 posts · Oct 2010
No - I've still got a bit of dotted line at either end of the menu bar
  #9  
Old May 8, 2012, 05:51 AM
lmilesw's Avatar
lmilesw
 
10,077 posts · Jul 2009
Central New York State USA
I just tested again with Firefox and it works for me.

I do not see border: none in your CSS. Are you saying you put the following in the CSS Inserts box.
HTML Code:
div#menu1  {
    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.
  #10  
Old May 8, 2012, 06:12 AM
prooffairy
 
72 posts · Oct 2010
Yes - CSS inserts has:

div#menu1 {
border: none !important;
}
div#menu2 {
border: none !important;
}

Dashed lines at left and right of menu in Chrome, IE and Firefox for me!
  #11  
Old May 8, 2012, 06:15 AM
juggledad's Avatar
juggledad
 
22,104 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
you have an error in the first CSS you added in the CSS Inserts, you are missing a closing '}'
__________________
If you like my help, please consider donating. I am happy to provide greater detail on this and other topics if you hire me. Please send detailed support requests to me as a private message, thank you.
Juggledad | Forum Moderator/Support
  #12  
Old May 8, 2012, 06:19 AM
prooffairy
 
72 posts · Oct 2010
?? NOT SURE WHAT YOU MEAN - EVERYTHING SEEMS TO AHVE A CLOSING ] AS FAR AS i CAN SEE!

tHIS IS THE ENTIRE css iNSERTS FILE:

h1 { font-size: 34px; line-height: 1.2; margin: 0.3em 0 10px; }
h2 { font-size: 28px; line-height: 1.3; margin: 1em 0 .2em; }
h3 { font-size: 24px; line-height: 1.3; margin: 1em 0 .2em; }
h4 { font-size: 19px; margin: 1.33em 0 .2em; }
h5 { font-size: 1.3em; margin: 1.67em 0; font-weight: bold; }
h6 { font-size: 1.15em; margin: 1.67em 0; font-weight: bold; }


h2, h3, h4, h5, h6 {
color: #20A6AA;
display: block;
/* fixed for Non-PCs without Photoshop CS2+ */
font-smooth: always;
font-family: 'century gothic', arial, helvetica, sans-serif;

h1 {
color: #231F82;
display: block;
/* fixed for Non-PCs without Photoshop CS2+ */
font-smooth: always;
font-family: 'century gothic', arial, helvetica, sans-serif;
}
div#menu1 {
border: none !important;
}
div#menu2 {
border: none !important;
}

Can you show me where I need to add one please?
  #13  
Old May 8, 2012, 06:41 AM
juggledad's Avatar
juggledad
 
22,104 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
before you H1
__________________
If you like my help, please consider donating. I am happy to provide greater detail on this and other topics if you hire me. Please send detailed support requests to me as a private message, thank you.
Juggledad | Forum Moderator/Support
  #14  
Old May 8, 2012, 06:45 AM
prooffairy
 
72 posts · Oct 2010
You're a genius! Thank you - don't know how I missed that!

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] CSS to remove dashed line round page-center not working! prooffairy Page & Category Menu Bars 2 Apr 26, 2012 02:40 PM
[SOLVED] How do I get a dashed line between posts? Friland Post-Kicker, -Byline & -Footer 4 Feb 16, 2011 03:44 AM
Round only first and last page menu items... nicktones Page & Category Menu Bars 0 Sep 26, 2010 01:10 PM
Removing Dashed Line Above 1st Post on Single Post Page krystyna Post-Kicker, -Byline & -Footer 2 Aug 27, 2009 05:14 PM
Styling Issue: Dashed Line around Pages andyro Page & Category Menu Bars 1 Dec 12, 2008 04:28 PM


All times are GMT -6. The time now is 01:01 AM.


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