WordPress.org

Support

Support » How-To and Troubleshooting » Header text issue

Header text issue

  • DigitalMile

    @digitalmile

    Hi,

    I have addedd an image into the header to try to show what I am trying to acheive here – http://www.liebermanfencing.co.uk

    I need the font to match the rest of the website and to be laid out exactly as in the image but with less padding, any ideas?

    Hopefully someone can help, its bugging me.

    Thanks

    James

Viewing 15 replies - 1 through 15 (of 18 total)
  • WPyogi

    @wpyogi

    Forum Moderator

    Not quite sure what you are asking — are you trying to duplicate what the image looks like — but in regular code? If so, you’d first need to find the same or similar font, and then likely customize the header.php file of your theme. Be sure to create a child theme before making any changes.

    http://codex.wordpress.org/Child_Themes

    Or if you want to use the image, you can adjust the spacing/position using CSS.

    DigitalMile

    @digitalmile

    Yes, or remove the padding from the image and the search bar….

    would this be easier?

    thanks

    WPyogi

    @wpyogi

    Forum Moderator

    Yes, much. Look like that theme has custom CSS set up, so you can try adding this there:

    #site-title img {
       margin-left: 25px;
    }
    
    #header {
        background: none repeat scroll 0 0 #000000;
    }
    
    #header #searchform {
        display: none;
    }
    DigitalMile

    @digitalmile

    Crossed posts.

    I’ve made the changes at it seems to have worked, however the background is now black..?

    Moderator Andrew Nevins

    @anevins

    Forum moderator

    Download this plugin and add it in the space provided (by the plugin) in the dashboard.

    DigitalMile

    @digitalmile

    The header is pretty big, wanted to remove all spacing around the image if i can.

    WPyogi

    @wpyogi

    Forum Moderator

    Now I see you have black around it — that looks quite good. Do you like it? If you want to make that go above it, add a top margin to the header div:

    #header {
        background: none repeat scroll 0 0 #000000;
        margin-top: 55px;
    }

    DigitalMile

    @digitalmile

    Now it has a white margin above and 3 black sides? not really keen on the black, i’d like the margins to be smaller and the same white as the background.

    Thanks guys.

    WPyogi

    @wpyogi

    Forum Moderator

    Okay, change the above to this:

    #header {
        background: none repeat scroll 0 0 white;
    }

    make sure you remove the margin from the above.

    and add this also:

    #site-title, #site-description {
        line-height: 0;
    }

    DigitalMile

    @digitalmile

    Now I don’t have access to wp or the site at all……

    any ideas?

    Moderator Jan Dembowski

    @jdembowski

    Brute Squad and Volunteer Moderator

    Now I don’t have access to wp or the site at all……

    Hrm. That shouldn’t have happened. Do you recall what it is you’ve changed file-wise?

    DigitalMile

    @digitalmile

    Nothing, I removed my laptop from lan to wifi and attempted to use the wp browser window i already had open…

    does this help?

    Moderator Jan Dembowski

    @jdembowski

    Brute Squad and Volunteer Moderator

    Your site loads fine for me… Reconnect to the LAN connection? Restart your browser?

    DigitalMile

    @digitalmile

    I can’t access the sure via my laptop either by LAN or wireless or my iphone using safari.i did manage to use the wp app to access the sit and make the above changes but I get the following error-

    A server with the specified host name could not be found.

    Does this make sense to anyone?

    DigitalMile

    @digitalmile

    Excuse the typos I’m using my phone ATM.

Viewing 15 replies - 1 through 15 (of 18 total)
  • The topic ‘Header text issue’ is closed to new replies.
Skip to toolbar