Traction Custom Logo/Header

  • Author
    Posts
  • #863315

    jamesborrell
    Member

    Hi Guys,

    Have a question regarding adding a header to my Traction Theme website (www.jamesborrell.co.uk). I’m aware it isn’t possible to add a custom header, but I believe it is possible to do it via a Header Logo image.

    I have tried to upload an image, but when I do it does not span the entire width of the page, only around 600Pixels (roughly the width of the main column).

    I have the upgrade, but I am a beginner when it comes to editing CSS. I have looked through the stylesheet and tried to change a few dimensions to allow it to span all the way across (around 920pixels?) but can’t work it out.

    Any advice would be great, thankyou.

    James

    The blog I need help with is jamesborrell.co.uk.

    #863474

    jamesborrell
    Member

    I think I’ve resolved my own problem.

    When uploading an image into the media library, it was automatically saving it in medium (620px) format, as opposed to fullsize. I’ve changed that and it appears to work.

    If anyone has any extra suggestions then happy to hear them.

    James

    #863650

    I checked out http://jamesborrell.co.uk/ and the full width header image looks great.

    One update that might be cool would be to round the edges of the header image to match the other rounded corners in the Traction theme. To do it, find the “#title,div.logo img” section in your Appearance → Custom Design → CSS page and replace it with this:

    #title,div.logo img {
    	padding:0;
    	margin-top: 15px;
    	font-size:3em;
    	color:#f8f8f8;
    	font-weight:bold;
    	text-shadow:0 2px 0 #000;
    	border-radius: 6px;
    }
    #863663

    jamesborrell
    Member

    Hey,

    Thanks for the tip, really appreciated. I’ll give it a try!

    James

The topic ‘Traction Custom Logo/Header’ is closed to new replies.