How to customise <br> size in Text Widget?

  • Author
    Posts
  • #552208

    You’re welcome.

    One thing you can do on existing posts and pages is to open them in the editor, switch to the HTML tab, wait for the page to refresh, then switch back to the visual tab, wait for it to refresh and then click the “update” button. WordPress will then look at and fix any errors in the post or page.

    #552212

    Great tip – cheers!

    Actually, you’re just the man to ask – up above I saw that you’d provided a solution to inserting an image instead of a font for the title. I’ve managed to do that successfully. The only thing that’s stumping me is how to reduce the white space between the image and the brown navigation bar. I’ve tried changing as many ‘padding’ ‘margins’ as I can find but none seem to do what I want – am I missing something obvious?

    #552213

    This will do it. Add it to your CSS.

    #primary, #secondary {
    margin-top: -20px;
    }
    #552214

    Hmm, it didn’t quite work. It moved my widget sidebar up a bit but didn’t move the menu bar or the page content at all. I did spend quite a bit of time manually aligning most things earlier so I’m wondering if I have something overriding your command?

    #552215

    Sorry, realised I may have not been clear enough earlier – I don’t want to move the widget sidebar and page content closer to the menu bar, I want to move the menu bar closer to the title header ‘text’ which I’ve actually changed to an image.

    #552216

    Ah, OK. See what this does for you.

    #main {
    padding:0;
    }
    #552218

    Oops! That didn’t work either. It took the page content and widget sidebar closer to the menu too. I removed the padding line but now I think I might have taken out something I needed too as I have a large white space *beneath* the menu bar now – that will teach me for not backing up before I make changes!

    #552219

    Oh wow – just noticed the revisions versions down the bottom – how useful!

    #552221

    I was really hoping that I could just change something in here as I thought this must be to do with the navigation bar:

    #colophon {
    border-top:4px solid #8B7D6B;
    overflow:hidden;
    width:922px;
    padding:10px 0;
    }

    But, alas, I can’t fathom it out.

    #552223

    Yee gods I’ve cracked it! I had to add a negative pixel margin-bottom to my header image!

    Wouldn’t have got it without your margin-top clue above – so thanks very much ^_^

    #552224

    I’m sorry, I must be brain dead today. What is keeping the menu bar down is the fact that the site title is set with a width of 928px (to accommodate long titles) and #site-description (tagline div) sits under that.

    I need to know if you are going to use the tagline or not otherwise we can hide it.

    #552225

    Ah ok, don’t worry – even brain dead I’m still having trouble keeping up!

    I’m not even sure what a tagline is.

    I think I just need to get rid of the original title text as it’s appearing behind the image (at least in IE, but not Chrome). Otherwise I’m pretty happy as things stand in terms of the menu bar position. Although perhaps my margin-bottom technique (see previous page) has other disadvantages?

    #552226

    There we are – all gone! I added a ‘display:none;’ to my #site-title a {

    so hopefully that’s good practise when wanting to hide a title! I have no idea really, I’m completely winging this…

    #552227

    Ah, I couldn’t see the site title in Safari or Firefox. All I could see was your title image. I was a touch confused as to why the site-description was not coming up beside the title and it turned out it was something I could not see.

    Looking good now.

    #552230

    Excellent – glad to hear it’s looking ok in Safari too.

    I think that’s just about wiped me out for tonight – time for bed!

    Thanks for all the help – much appreciated!

    #552238

    You’re welcome.

The topic ‘How to customise <br> size in Text Widget?’ is closed to new replies.