Yeah sorry that might help
http://beautyshots.com.au/
cheers
Try:
.navbar .nav > li > a, .navbar .nav > li > a:firstletter {
color: white;
}
There’s some text-shadow on hover which you might/might not like. See what you think.
Add text-shadow: none; before the } if you want to try it.
Does not change anything for me I assume I just post the code in the custom css?
(Using child theme)
Has it anything to do with this code I have added
.navbar .navbar-inner {
-webkit-box-shadow: 0px 0px 0px ;
-moz-box-shadow: 0px 0px 0px ;
box-shadow: 0px 0px 0px transparent;
background: none;
Which removes the white box around the menu. When I remove the
background: none;
the shadow from text seems to disappear.
Thought maybe its conflicting code or something I’m pretty new to this sorry.
Its strange as this code
h1, h2, h3, h4, h5, h6 {
text-shadow: 0 0px 0 transparent;
removes the shadow from the tagline just above the nav
Try:
.navbar .nav > li > a, .navbar .nav > li > a:firstletter {
color: white;
float: none;
text-decoration: none;
text-shadow: 0 0 0 transparent;
}
Place it after the navbar-inner code.
This is targetted at the menu items. The other code is targetted at box shadows so shouldn’t be conflicting.
Child theme is best approach, though CustomCSS panel is useful for trying things out before uploading to child theme.
Update and then I can take another look if not working.
Sorry no luck stays the same. I appreciate your help thanks
Not sure if this will help but this is my custom css guess if anyone is willing to paste into their css to see what I mean.
h1, h2, h3, h4, h5, h6 {
text-shadow: 0 0px 0 transparent;
}
.navbar .navbar-inner {
-webkit-box-shadow: 0px 0px 0px ;
-moz-box-shadow: 0px 0px 0px ;
box-shadow: 0px 0px 0px transparent;
background:none
}
body{
background: #fff;
}
/* takes away the circle border */
.round-div {
border: 0px solid #FAFAFA;
left: 0px;
top: 0px;
}
header.tc-header {
background: #231f20;
}
.format-icon:before {
display:none;
}
.navbar-wrapper .navbar h2 {
color: #ffffff;
.navbar .nav > li > a { text-shadow: none; color: white; }
.navbar .nav > li > a:hover { color: #777; }
You put it in your child theme’s style.css. NOT in the Custom CSS panel! It won’t work from there. Just edit style.css and it will work.
_________________
@nikeo: I understand the reasoning behind stripping html from custom CSS in principle, but in this case (the custom CSS panel) maybe there should be a custom function only stripping the <‘s, not the >’s. It causes way too many problems with Customizr’s menu, that relies on those >’s.
Besides, whoever has access to the Custom CSS Panel can already damage the website anyway they see fit. Why strip their presumably malicious html from their input anyway?
You are a legend thanks to you both for your time to help someone learning. It was because I was not using the child theme properly. I was not going into the editor and updating the style.css but now I realise the way the child theme works. Learn something everyday…Cheers
Thanks @acub, saved me again. Of course, it was the > character.
I agree with you about stripping characters under these circumstances.
Why strip their presumably malicious html from their input anyway?
I think it’s because they could damage their database, not just mess up their CSS—and as the Custom CSS panel is the first place a newbie would put code, it has to be foolproof.
But I’m not an expert on how to damage WordPress databases … or at least I’ve not damaged mine yet 🙂
I was wondering if you could help me with the menu…
I would like to remove the box surrounding my menu and to ALSO allow the menu to span clear across the screen and center it.
@kljasd89 For the box, see the FAQ. For the menu question, please open a new thread, as it’s not related to this thread.
