Pixelwars Pixelwars Pixelwars

crafting wordpress themes

  • Home
  • Themes
  • Support
  • Blog
  • About
  • Contact

Logo & Text in Header

  • Posted in : Bloggy WP
  • egardens
    Participant
    21 September 2013 at 04:27
    #8827

    Hello,

    Forgive my ignorance I’m new to wordpress. I want both the standard text header and my logo next to it. I tried using the theme options but it seems to either allow one or the other. Could you tell me how I could accomplish this or point me to what piece of code I should modify? Thanks so much!

    Mehmet S.
    Keymaster
    21 September 2013 at 18:16
    #8830

    Hi,

    – Select Text Logo,

    – Use this in your custom css field to add an image logo next to the text logo:

    .site-title a {
    padding-right: 100px;
    background-position: right;
    background-repeat: no-repeat;
    background-image: url( 'paste-your-image-url-here' );
    }
    

    Note: Upload your image logo to the Media Library and copy the image file url.

    egardens
    Participant
    21 September 2013 at 20:04
    #8831

    Thank you for the prompt response, that worked perfectly!

    Mehmet S.
    Keymaster
    21 September 2013 at 23:47
    #8832

    You are welcome!

    valimar
    Participant
    25 September 2015 at 18:33
    #25639

    Hi Mehmet,

    I’ve done your instructions, but my logo (which is a circle) is on the background of my Title and I would like to have it at the left and in circle (in 150×150.png) and my title next.

    My logo Url :
    http://www.anthonyboulch.com/wp-content/uploads/2015/09/Logo.png

    I’ve write this :
    .site-title a
    {
    padding-left: 0;
    background-position: right;
    background-repeat: no-repeat;
    background-image: url( ‘http://www.anthonyboulch.com/wp-content/uploads/2015/09/Logo.png’ );
    }

    valimar
    Participant
    25 September 2015 at 18:34
    #25640

    and sorry my url :
    http://www.anthonyboulch.com/

    valimar
    Participant
    28 September 2015 at 11:25
    #25718

    Hi,

    Sorry again ! I’ve forgotten px next to padding-left….

    But my logo is cut ! Please, how can I have it fully without having to change size ?

    Thanks !

    ahmetsali
    Keymaster
    28 September 2015 at 20:57
    #25738

    Hi, you can try adding this custom css code also;

    .site-header .site-title a {
        display: inline-block;
        padding: 18px 0;
        padding-left: 100px;
    }
    
    valimar
    Participant
    28 September 2015 at 21:50
    #25739

    oooh yeah !
    Thanks ! It works !

    EvannOlkon
    Participant
    21 September 2017 at 13:48
    #50597

    Hi

    I don’t see where I can upload a image for my Header. You said :
    – Text logo and custom css field but I did not find this.

    I just want to upload my hearder logo and no text

    Thank’s

    serkan
    Moderator
    29 September 2017 at 16:09
    #50686

    Hi EvannOlkon,
    Please go to dashboard > appearance > theme options > general > choose logo type and upload image logo and save it.
    When uploading your image logo, you need to set Link Url = File Url Size : Full Size and then click on “Insert Into Post” button.
    Thanks

Viewing 11 posts - 1 through 11 (of 11 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item
Bloggy WP - Responsive Minimalist WordPress Theme

Bloggy WP - Responsive Minimalist WordPress Theme

by pixelwars
Login and Registration Log in · Register

User Login

Log In
Register Lost Password

Search Forums

Advanced Search
© 2026 Pixelwars