Need help with Mistylook header!

  • Author
    Posts
  • #384478

    linajord
    Member

    How do I change the font style in my header? And can I change the background colour? Right now it says “Lina och vovvarna” and that’s OK. I just want to change the font style..Could someone please help me with this? I truly suck att CSS! :)

    The blog I need help with is linaochvovvarna.wordpress.com.

    #384672

    linajord
    Member

    The adress to my blog is http://linaochvovvarna.wordpress.com , just ignore the sidebar for now.

    #384674

    husdal
    Member

    That is only possble if you buy the Custom CSS Upgrade, but it requires knowledge of HTML and CSS to be able to use it. If you don’t know how, don’t buy the Upgrade.

    #384686

    chrisqq
    Member

    There is a cheat that can work with mistylook without a CSS upgrade. You can enter an empty title and strapline then edit an image header so that it includes the text and a picture. You will have to be able to create the image in photoshop, gimp or something like that.

    #384870

    linajord
    Member

    Oh alright, I’ll do that! Thanks! :)

    Is it possible to change the background color in the blog?

    #384875

    wildrose965
    Member

    linajord, I know for sure you have to have the CSS upgrade to change your background color. I have the MistyLook theme. Two months ago I knew nothing about CSS and have picked up just enough to significantly change the look of my blog. If you have a lot of patience and read the CSS tutorials, it’s doable.

    #384876

    The one thing to consider with chrisqq’s solution – which technically works – is that when you delete the title from settings > general, as far as search engines are concerned your blog does not have a title, and that will adversely effect your search engine ranking. The search engines cannot pick up on a blog title that is part of an image. It also means that anyone subscribing to your blog feed will instead of seeing the title of the blog at the top of the feed will only see the URL of the blog.

    The following is a trick you can do with a text widget to change a background but I’ve never tried it with MistyLook. On some themes it works well and on others not so well. Put a text widget at the top of your sidebar and paste the following into the body of the text widget. Use the first for changing color only by replacing ffffff with the hexadecimal color of your choice. Use the second for using a background image you uploaded to your media library and replacing http://IMAGE_NAME.jpg with the full URL of the uploaded image.

    <div style="position:fixed;top:0;left:0;background-color:#ffffff;width:100%;height:100%;z-index:-1000;"></div>

    <div style="position:fixed;top:0;left:0;background:#ffffff url('http://IMAGE_NAME.jpg');width:100%;height:100%;z-index:-1000;"></div>

    #384877

    @wildrose965, there is a trick that can be used to change a background color with some themes here as I described above. It was figured out by Panos. I just checked and it works well with MistyLook.

    #384880

    wildrose965
    Member

    @thesacredpath: Neat! Oh well. Too late for me, though. Can’t say I’m sorry I went with the custom CSS, though. It forced me to learn things well out of my comfort zone.

    #384881

    I think it was only about two months ago that Panos figured it out, so it might not have been known when you tackled CSS.

    #384889

    @tsp: Thanks, but actually it was first introduced by raul, not me. I only suggested a correction – either a bg color or a bg image, not both:

    <div style="position:fixed;top:0;left:0;background:#HEX_HERE;width:100%;height:100%;z-index:-11;"></div>

    <div style="position:fixed;top:0;left:0;background:url('IMAGE_URL_HERE');width:100%;height:100%;z-index:-11;"></div>

    #384896

    1tess
    Moderator Emeritus

    @panos,
    That’s interesting.
    This is the code I’m using:
    <div style="position:fixed;top:0;left:0;background:#fff url('http://1tess.files.wordpress.com/2009/05/robins-egg-background1.jpg');width:100%;height:100%;z-index:-1000;"></div>
    It’s been a while since I played with it, but at least in Digg3, unless I had the background color set to white the bg image did not show up. (???me questioning myself/memory of what I did with raul’s code). I think I tried setting the z-index to a less drastic number than “-1000” and it worked in Digg 3, but then I used the code in my test blog, and I don’t remember which, but it had to be more than -20 or -30. (?) So then I just went back to Raul’s -1000.

    Another reader did send me an email back then that there was a strange “black line on the side of your blog” when I was trying to hide those corner gifs in Digg3. But as usual, I’m not scientific/specific and have only a child’s memory of what I was doing. Sorry.

    tess

    #384897

    @tess: Sorry, no – just tested it again to make sure. You don’t need the bg color for a bg image, and in Digg3 it even works with the z-index number set to just -1.

    #384898

    1tess
    Moderator Emeritus

    Ok, I’ll try it again as you say.
    While I was experimenting,,I may well have mis-typed, mis-undertood, tried to do more than one thing at a time, or may have made some other mis-take. My code, looking at it now after more reading, does look like non sense. Sorry to bother.
    t

    #384899

    I always make it a practice to add a background color declaration when using a background image and then selecting the color so it is the same basic color value as the background image, or at least complimentary, so that if something happens down the road and the background image does not load, the blog doesn’t end up with a stark white background.

    Just my $0.000002

    #384900

    devblog
    Member

    \node to TSP.

    #384901

    1tess
    Moderator Emeritus

    @tsp,

    I am not doing CSS. Just the background-image html trick. At any rate, I did not try to answer this question for the OP because I think I’m missing something in my understanding. I didn’t really ask, but that is what I meant: a question.

    Even so, maybe I should try to learn some CSS.
    And I’d take your $0.000002 as gold.

    best, t

    #384902

    The background image trick IS actually CSS. It is just that it is defined in a div within a text widget instead of within a stylesheet.

    My response was to Panos saying he took the background color declaration out when using an image, and I explained why I think that is not necessarily a good idea from my perspective.

    #384903

    1tess
    Moderator Emeritus

    I am ever a student.
    There may be nothing new under the sun, but I’m able to mix things up enough for myself to continue to make new discoveries all the timeā€¦
    ;-)
    t

    #384904

    @tsp: “I always make it a practice to add a background color declaration when using a background image and then selecting the color so it is the same basic color value as the background image, or at least complimentary, so that if something happens down the road and the background image does not load, the blog doesn’t end up with a stark white background.”

    Ah that changes things – now I agree! You hadn’t explained that before, so I was fooled into thinking you had inadvertently included the bg color in the code (because you retained ffffff, which is stark white!).

The topic ‘Need help with Mistylook header!’ is closed to new replies.