Original CSS updated for MistyLook?
-
Hey guys,
I just noticed today that the bottom border under my tabs is missing on my blog. It’s meant to be 1px of #cccccc and if I apply it via the CSS editor in the dashboard and hit the preview button, it’s shown as being applied.
Though when I apply the changes (I’ve had the CSS upgrade for a while now) it’s still white, I’ve attached two screenshots below of the issue ….
Upon visiting the blog –
Through the CSS editor –
My current code for the navigation –
#navigation ul li a {
background:#ffffff;
border:#cccccc 1px solid;
border-bottom:#cccccc;
color:#666666;
font-size:1.1em;
font-family:Calibri, Arial, Serif;
font-weight:bold;
letter-spacing:.6px;
padding:3px;
}Has something changed in the original MistyLook CSS that would prevent this from being applied?
Thanks for any help!
The blog I need help with is: (visible only to logged in users)
-
When I go to your site, I see the bottom border on the tabs just fine.
Try clearing your browser cache. Some browsers (notably IE) will hang onto and use cached pages tenaciously.
-
Weird, I’ve cleaned the cache for Firefox and IE and the bottom border still isn’t there in either browser.
-
Hmmm, I just looked in FF on my Mac, and the bottom border is not showing.
You have:
#navigation { border-bottom:medium none #CCCCCC;and it should be:
#navigation { border-bottom:medium solid #CCCCCC;but that causes issues as you will see if you test it.
My suggestion would be to try this:
#navigation ul li { border-bottom:1px solid #CCCCCC; }That puts a border directly on each tab, and then add some bottom padding as below:
#navigation {
padding:bottom 3px;
}`You can adjust the 3px as you see fit. 1px will place the tabs right on top of the content area (no overlap).
-
-
-
-
Tried the code you posted thesacredpath and it worked to a point but also brought up other issues.
Screenshot – http://localhostr.com/files/71d064/border.png
Notice the line above the search bar?
-
You know, quite truthfully, I’m reluctant to go much further till you read devblog’s post and then put only your specific changes into the CSS.
I see you’ve added a different background image, increased the header height, changed fonts, and taken the background off the widgets, and a couple other minor things, but I’m not going to go through all your custom CSS looking for a needle in a haystack.
-
-
I just noticed that MistyLook now supports the custom menus, so I suspect there was some “tweaking” done in the CSS.
-
Any other ideas?
Coming back to your previous post, I have put my specific changes in the CSS based on how devblog helped me to do so here –
https://en.forums.wordpress.com/topic/help-with-mistylook-css?replies=22
I haven’t made any changes since that post apart from my header/background and now this border issue has happened, which I’m thinking is related to MistyLook’s original CSS being updated somehow.
-
-
Also, did you want the tabs to sit right on top of the container or did you want a bit of space between the tabs and the container (tabs float above the container)?
-
OK, here is what is weird. I just took your CSS, pasted it into my test blog with MistyLook, and the lines are there below the tabs.
Do this. Copy your CSS out of the window and paste it into a plain text file. Then delete everything from the CSS edit window and click “save stylesheet.”
Next, delete the PR stuff from the edit window and then paste your stylesheet back into the edit window and again click “save stylesheet.”
See what that does, because on my test blog, all your CSS is OK.
-
You can see my test blog here: http://flippintestblog.wordpress.com/ .
Also I just noticed that the search box disappeared on my test blog. Strange. I’ll have to look into that.
-
Haven’t tried hallluke’s change yet and I wanted the tabs to sit right on top of the container (like it has been ever since devblog helped me to do so).
I reapplied the CSS just like you said and unfortunately got the same issue.
It’s very weird that you can see the border underneath the tabs on your test blog with my CSS, yet I can’t see them there as well as on my own blog through Firefox and IE (can see the search box fine though, LOL).
A software-related problem on my side?
-
Could be, but then again, I don’t see the bottom border on the tabs on your blog either, and unless I apply hallluke’s change, I get the border on top of the search box.
This is just bizarre.
-
Just added yours and hallluke’s code to my CSS, changed the bottom-padding to 1px and all is well …. oddly.
How the CSS preview was able to show that the bottom border was there (the code in the first post) and not apply it on the live blog is something I’ll never know.
I don’t know what to say but I’m not altering the CSS anymore! Thanks so much for the help thesacredpath/hallluke! :)
Need to get some sleep now as it’s nearly 5AM here :P
-
You’re welcome and I’m glad it isi sorted out. Nice looking blog by the way. I like the fonts and colors.
- The topic ‘Original CSS updated for MistyLook?’ is closed to new replies.
WordPress.com Forums 
