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

    (@sacredpath)

    Automattic Happiness Engineer

    Yes, it is possible to change the position and size of the logo, but since you are wanting it to the left of the site title, I would suggest putting it into site title a and adding whatever left padding is necessary for the desired alignment. This would be the basic CSS. You would replace URL_OF_IMAGE between the quote marks with the URL of the image you upload to your media library and then adjust the padding as needed.

    .site-title a {
        background: url('URL_OF_IMAGE') no-repeat scroll left top / contain transparent;
        padding-left: 50px;
    }

    The padding I included is just a placeholder.

    If you have not yet done so, I would suggest creating a child theme so that any customizations you make will not be overwritten by a future theme update. Alternately you can use the Edit CSS function in the Jetpack plugin, or use one of the other Custom CSS plugins that will keep CSS changes from being overwritten.

    Child Themes
    Child Theme creation plugins
    Jetpack plugin
    Custom CSS plugins

    Thread Starter tkeegan

    (@tkeegan)

    Hi

    Thanks for the response

    That almost works, but unfortunately it pushes the company name to the right which looks odd in relation to the tag line. Is there any way I can move the logo +title to the left to centre it up over the tagline?

    cheers

    Moderator Kathryn Presner

    (@zoonini)

    Did you get this sorted out? Right now your tagline looks centered below the logo. Are you all set?

    Thread Starter tkeegan

    (@tkeegan)

    not yet

    I would like to centre just the title text over the tag line text, with the logo off to the left.

    if that makes sense?

    cheers

    Moderator Kathryn Presner

    (@zoonini)

    Hmm, I’m not sure if that’s going to be possible with the CSS background-image workaround you’re using here, but let me take another look with thesacredpath and we’ll get back to you.

    In the meantime, I noticed that you’ve edited the theme’s stylesheet directly instead of using a custom CSS plugin or child theme, as Richard recommended above. This means that you’ll lose all your customizations every time you update the theme to the latest version and have to redo them all. I’d strongly suggest you transfer your CSS changes over into either a custom CSS plugin editor or child theme.

    Moderator Kathryn Presner

    (@zoonini)

    Try adding some right-padding as well, to even things up:

    .site-title a {
         background: rgba(0, 0, 0, 0) url("https://www.ticktaxservices.com/tt/wp-content/uploads/2015/09/ticktax-services-ticksmall-e1442260418168.png") no-repeat scroll left top / contain ;
         padding-left: 40px;
         padding-right: 38px;
    }

    You can adjust those values as you like.

    Moderator Kathryn Presner

    (@zoonini)

    If that’s not what you had in mind – originally I thought you meant that you wanted the logo to the very far left, next to the edge of the content boundary – just let me know.

    How do I add my logo to this? I had this theme on wordpress.com and I was able to insert my logo in the header above my title, but I do not see how to do that in the www.ads-software.com version?

    https://www.wolfheartpress.com

    Moderator Kathryn Presner

    (@zoonini)

    lmarijke – The site logo option should be available on self-hosted sites if you activate Jetpack – no specific module is needed. I see you have Jetpack active, are you seeing the option to add a logo in your Customizer, under Site Title, Tagline, and Logo?

    No – I am not seeing that as an option? I was thinking that jetpack was supposed to allow me to do that. Do you think I should deactivate it and clear it and try it again? I have been playing around with different themes but in 95% of the options adding the logo to the header is not an option. I just went on to jetpack to see if that helped, but it hasn’t yet.

    Moderator Kathryn Presner

    (@zoonini)

    lmarijke – I don’t see Sela running on the site you linked above. Only certain themes support the Site Logo option in Jetpack. Is there a different site you have running Sela or have you just switched themes?

    You can also add Site Logo support to any theme by following the directions here in a child theme:

    https://jetpack.me/support/site-logo/

    I’ve just changed the theme to Jax lite, but I also can’t get the logo to appear on the main screen” I went to the link you sent me but I am afraid I don’t understand how or where to make those changes

    Moderator Kathryn Presner

    (@zoonini)

    Are you looking to stay with Sela or switch to Jax Lite?

    This forum is for Sela, so if you need help with Jax Lite you’d need to post in their forum. Let me know!

    Moderator Kathryn Presner

    (@zoonini)

    If you are looking to stay with Sela, could you also please start a new thread? This one is long and old. Thanks!

    https://www.ads-software.com/support/theme/sela#postform

    I can live without the logo on the home page I think, but is there a way on max lite to have the menu appear as button as the top? Right now you have to click the menu icon to the right and wait to see the options

Viewing 15 replies - 1 through 15 (of 18 total)
  • The topic ‘Size and position of Log0’ is closed to new replies.