Black Friday Sale! Get $20 off GP Premium, $40 off our new Lifetime license, and 45% off license renewals/extensions! Learn more

[Resolved] switching logo and tagline

Home Forums Support switching logo and tagline

  • This topic has 14 replies, 5 voices, and was last updated 3 years ago by Rogier.
Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #8039
    Tom

    I’m new to wordpress, but I love the control that this gives with the plug-ins. However, I would like to know if there is a simple way to flip the logo and the tagline. When I hide the site title, because I’d rather use our logo for the site title, the tagline is great, but it shows up above the logo. There has to be some way to switch them; I’m willing to go into the .php if it is required, but I’d prefer some option available in the plugins. Either way, let me know how I can swing it. Thanks for a great theme!

    #8117
    Tom
    Lead Developer
    Lead Developer

    Hi there,

    Have you by chance purchased GP Hooks? If so, the solution is super simply.

    If not I’ll have to provide some code for you 🙂

    Let me know,
    Tom

    #8459
    Tom

    I have all the add-ons. I should have said that, sorry. I have been looking into hooks, and it looks very powerful, but I don’t even understand the Core very well yet, so I’m afraid of breaking things. Plus, I am trying to get a website with four sub-domains, so what I change needs to work and be replicatable.

    Anyway, I have Hooks, so what code do I put in the pre_head, or one of those?

    Thanks

    #8464
    Tom
    Lead Developer
    Lead Developer

    Great!

    First, turn off the tagline in the Customizer and save.

    Then go to GP Hooks and add this inside the Before Header Content hook:

    <p class="site-description">Your tagline here</p>

    This should place your tagline above your logo.

    Hope this helps 🙂
    Tom

    #11948
    rex wickham

    Hi
    I’d like to place the logo on the right side of the page like this: http://ibin.co/1WcKZaXZ8hYK

    I achieved the style linked there by using the Text widget in the header image. However, I don’t like the way the tag/description are right at the top of the page. I’d prefer it vertically centrally.

    Could you share some advice on adjusting the spacing or as previously described in this post, moving the position of the logo (so not needing to use a widget)

    #11949
    Tom
    Lead Developer
    Lead Developer

    You could do something like this:

    .site-branding {margin-top:50px;}

    Then adjust the 50px until you reach your desired spacing.

    Let me know if that achieves what you’re looking for 🙂

    Tom

    #11953
    rex wickham

    Thanks, that makes sense.

    Should that CSS be entered somewhere within your theme settings?

    #11987
    Tom
    Lead Developer
    Lead Developer

    If you’re not using a child theme, I suggest a plugin this like: https://wordpress.org/plugins/simple-custom-css/

    #22627
    Ton van der Valk

    Hi Tom,

    I followed your advice to move the logo to the right side of the header.
    However this code .site-branding {margin-top:50px;} only creates a space on the top margin.

    Do you have another suggestion to move the logo?

    Thanks!

    Ton

    #22666
    Tom
    Lead Developer
    Lead Developer

    Hi Ton,

    So you’re wanting the logo on the right side of the header, and your site title/tagline on the left?

    #22667
    rex wickham

    Ton- We did something similar at http://www.ginteriors.uk/ I think – does that look like what you wanted?

    #41007
    Elwin Hoover

    How do you get the tagline underneath the logo?

    #41055
    Tom
    Lead Developer
    Lead Developer

    You would have to use GP Hooks.

    First, you would hide the tagline using the Customizer (Appearance > Customize > Header Content”.

    Then, go into GP Hooks, and add this in the “After Header Content” hook:

    <p class="site-description">Your tagline here</p>

    #41334
    Elwin Hoover

    Thank you, Tom!

    #431592
    Rogier
    if ( ! function_exists( 'generate_header_items' ) ) {
        function generate_header_items() {
    	// Site logo
    	generate_construct_logo();
    	
    	// Site title and tagline
    	generate_construct_site_title();
    	
    	// Header widget
    	generate_construct_header_widget();
        }
    }

    Kind regards,

    Rogier

Viewing 15 posts - 1 through 15 (of 15 total)
  • You must be logged in to reply to this topic.