Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

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


  #1  
Old May 1, 2012, 10:38 AM
prooffairy
 
73 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
 
73 posts · Oct 2010
Any help? Please?
  #3  
Old May 4, 2012, 09:22 AM
prooffairy
 
73 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
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
Did you look at the FAQ on menu's ?
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #5  
Old May 4, 2012, 10:53 AM
prooffairy
 
73 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
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #7  
Old May 4, 2012, 08:18 PM
lmilesw's Avatar
lmilesw
 
10,176 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
 
73 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,176 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
 
73 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
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
you have an error in the first CSS you added in the CSS Inserts, you are missing a closing '}'
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #12  
Old May 8, 2012, 06:19 AM
prooffairy
 
73 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
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
before you H1
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #14  
Old May 8, 2012, 06:45 AM
prooffairy
 
73 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 03:09 AM.


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