Clickable Header in Mistlylook

kissmyspatula · Member · Jan 22, 2010 at 11:29 pm
Copy link

Add topic to favorites
I’ve tried implementing the various CSS edits and text widget fixes on this forum to enable a clickable header that returns back to my homepage. However, none have worked. I assume due to the different themes?

Can someone help me with this on Mistylook?

The blog I need help with is: (visible only to logged in users)
timethief · Member · Jan 23, 2010 at 12:16 am
Copy link
As you are using Misty Look I’d like to share this post with you first. It explains how you can get rid of some unwanted features without CSS editing http://wpbtips.wordpress.com/2009/12/24/unwanted-features-in-mistylook/

I’d also like to share another post with you as well as you are into CSS editing http://csswiz.wordpress.com/2009/10/15/if-you-have-the-wp-com-css-upgrade/

We have only a couple of volunteers who occasionally help with CSS editing and there is not Staff support for learning CSS editing, so you will have to wait until one of them logs in and finds this thread.
kissmyspatula · Member · Jan 23, 2010 at 12:27 am
Copy link
Thank you – I’ve been trying the instructions from this thread, which seemed to work for the person who made the request.

https://en.forums.wordpress.com/topic/header-link?replies=15

But, for me, no success thus far.
timethief · Member · Jan 23, 2010 at 12:32 am
Copy link
That is on a different them (Vigilance) but devblog who is doing the helping there in that thread is the volunteer who volunteers to help with CSS editing. Hopefully, he will login after his work day and find this thread.
kissmyspatula · Member · Jan 23, 2010 at 12:47 am
Copy link
Okay, sounds good. Thanks for the reply. Waiting for devblog……please find me! :)
kissmyspatula · Member · Jan 23, 2010 at 12:59 am
Copy link
I just looked at the unwanted features link you attached above – and it says to edit within the HTML editor. I thought this wasn’t possible with wordpress.com accounts?
1tess · Moderator Emeritus · Jan 23, 2010 at 1:07 am
Copy link
@kissmyspatula

No, we cannot change the basic structure of any of our allowed templates, but there are quite a few simple html codes we can use:
http://en.support.wordpress.com/code/#html-tags

Some of them can even be used to make our blogs look very different.

Panos, in this post discusses some things you can change on Mistylook w/o CSS upgrade:
http://wpbtips.wordpress.com/2009/12/24/unwanted-features-in-mistylook/
just as Timethief said.
kissmyspatula · Member · Jan 23, 2010 at 1:14 am
Copy link
@1tess – thanks for the clarification. Just a quick question: how do I access the ‘html editor’ that Panos refers to?
timethief · Member · Jan 23, 2010 at 1:17 am
Copy link
Look at this illustration. http://en.support.wordpress.com/editors/#html-editor
There are two tabs – Visual and HTML you just click HTML.
kissmyspatula · Member · Jan 23, 2010 at 1:22 am
Copy link
Ohhhhhhh – THAT editor. I was thinking too hard and looking for something stand-alone, like the format of the ‘Edit CSS’ editor. Sorry about that!
timethief · Member · Jan 23, 2010 at 1:28 am
Copy link
LOL … I frequently over-think things myself … lol :D
1tess · Moderator Emeritus · Jan 23, 2010 at 1:32 am
Copy link
@kissmyspatula
LOL. I have to tell you that I have lots of difficulties with thinking about things and making them more complicated.
Something obvious, I’ll find a way to miss the trees for the forest.
≥^!^≤

lol
devblog · Member · Jan 23, 2010 at 2:21 am
Copy link
Still need help, kissmyspatula?
1tess · Moderator Emeritus · Jan 23, 2010 at 2:27 am
Copy link
Hi devblog!
You are most kind!
If I ever move to CSS, all your posts here will be very much appreciated by me!!!
devblog · Member · Jan 23, 2010 at 2:43 am
Copy link
Thank you, Tess. It’ll be my pleasure to assist you in any way I can.
1tess · Moderator Emeritus · Jan 23, 2010 at 3:27 am
Copy link
Most chivalrous, and you have taught me much already.
Many thanks!!
One day I’ll move up to an upgrade??? to css…

lol
Like your new avatar…
kissmyspatula · Member · Jan 23, 2010 at 3:41 am
Copy link
@devblog – oh, yes please! still helpless over here….

i tried to make it work with your instructions here: https://en.forums.wordpress.com/topic/header-link?replies=15

but – no luck for me and mistylook.
devblog · Member · Jan 23, 2010 at 4:13 am
Copy link
Ok, I’ll see what I can do. By the way, it seems you’ve copied the whole CSS in the CSS Editor. That’s not recommended unless you are “starting from scratch”.

I’d recommend you reading this for future reference:

http://csswiz.wordpress.com/2009/10/15/if-you-have-the-wp-com-css-upgrade/

I’ll post as soon as I have something.
devblog · Member · Jan 23, 2010 at 4:14 am
Copy link
Thank you, Tess!
devblog · Member · Jan 23, 2010 at 4:42 am
Copy link
it seems you’ve copied the whole CSS in the CSS Editor.

Never mind… that is not true. However, I saw a few properties that have been already defined and you are duplicating them. Not recommended.

Now, regarding your clickable header… for this to work you’d need a text widget holding the elements that would be position on top of your graphic. Unfortunately, you have this:
```
#sidebar {
display:none;
}
```
That’s the parent element that wold contain the text widget and you’re “hiding” it… thus, any child element won’t be visible.

Now, for this to work, I’d recommend you removing that definition from your CSS, remove ALL widgets from the sidebar (if any) and put only ONE text widget with the following code:
```
<div class="cHeader">
<a href="/"><span>Home</span></a>
</div>
```
You would need to add the following in your CSS Editor:
```
.cHeader {
position:absolute;
width:765px;
height:190px;
top:52px;
left:10px;
overflow:hidden;
}

.cHeader a {
display:block;
height:100%;
width:100%;
}

.cHeader span {
display:none;
}

#sidebar li {
background:none;
}
```
This should do the trick

No items found.