• Resolved ianmullins

    (@ianmullins)


    Is it me or can I not add a logo to this theme?

    I just want a logo top left – I can do it on WordPress.com but not on .org?

    Surely this is a fundamental part of any website?

Viewing 15 replies - 1 through 15 (of 19 total)
  • You’ll need to have the Jetpack plugin installed to set a site logo on a self-hosted WP install. Once the plugin is installed and activated, you can set the site logo by going to Dashboard > Appearance > Customize > Site Title, Tagline, and Logo, and from there, it should work similarly to how it does on WP.com.

    Thread Starter ianmullins

    (@ianmullins)

    Perfect – it worked!!

    So how do I now change the button colours – not showing in Customise?

    Hi @ianmullins!

    To change the button colors, you’ll need to add some custom CSS to restyle them.

    Make sure Jetpacks Custom CSS module is active. Then under Appearnce > Edit CSS, you can change the colors.

    Buttons in the top, ‘Hero’ section of the home page:

    .hero a.button {
        background: #fff;
        color: #242424;
    }
    
    .hero a.button:hover, .hero a.button:focus, .hero a.button:active {
        background: #242424;
        border-color: #242424;
        color: #fff;
    }

    Read More links and other buttons:

    a.button, .featured-page .more-link {
       background: #e74f4e;	
    }
    
    a.button {
    	border: 2px solid #e74f4e;
    }

    Those styles are all using the default colors – swap them out for your own and you should be good to go ??

    Thread Starter ianmullins

    (@ianmullins)

    All fixed regards buttons….. but….

    Now I need to change the background colour which is also showing RED on mobile header.

    Oh and all the text is still red?!

    Any thoughts experts…

    Ian
    :O)

    Ps website address is https://barkerpr.org/

    Thread Starter ianmullins

    (@ianmullins)

    PPS Many thanks for previous help – really helped. :O)

    If you’d like to change the color of text links, as well as the buttons, you can add this CSS snippet as well:

    a {
      color: #900090;
    }

    Also:

    .site-header {
        background: #900090;
    }

    should solve your mobile-header woes ??

    Thread Starter ianmullins

    (@ianmullins)

    Topman Chad, you rock!

    Sorry to ask one more thing (i realise I am pushing my luck) but that just leaves the contact form, still showing in red???

    https://barkerpr.org/contact/

    And the Quote line is showing red?

    https://barkerpr.org/social/

    https://barkerpr.org/contact/

    Got a fix for that?

    Ps I’m faitly new to all this, but why would a theme designer not have these most straight-forward of preferences, not be in the ‘Customise’ section?

    Ian :O)

    We can add to the first CSS style I sent to also include additional items.

    If I right click on the red element and choose Inspect, I can see the CSS for the element I need to change, using my browser tools.

    The first style I sent would now look like this:

    a,
    .hentry .contact-form label span {
      color: #900090;
    }

    The quote is a border, which we can change like this:

    blockquote {
        border-left: 2px solid #900090;
    }

    Let me know how it goes! ??

    Oh – I forgot to answer this part:

    Ps I’m faitly new to all this, but why would a theme designer not have these most straight-forward of preferences, not be in the ‘Customise’ section

    The theme author did wrap these in a theme setting – in the premium version of the theme ??

    Thread Starter ianmullins

    (@ianmullins)

    Hi Chad,

    You’re a gentleman. So grateful for all your help!

    Thank you.

    Ian :O)

    Happy to help ??

    Thread Starter ianmullins

    (@ianmullins)

    Hey Chad,

    you were really helpful a few months ago…. could I ask you another question?

    The website template is working perfectly but a the front page is not showing on a mobile?!

    Any thoughts…

    https://www.louisebarkerpr.co.uk

    :O)

    hi! ??

    It looks like your site is using Jetpack’s Mobile Theme. That basically disables your site’s theme (which is what displays the homepage you’re used to) on mobile devices.

    Goran is mobile responsive on it’s own, so you can go into Jetpack > Settings > Appearance to scroll down and disable the Mobile Theme module.

    give that a try. If it doesn’t solve the problem, open up a new thread and I can help you investigate (that way this thread stays related to the title).

    Also – feel free to mark this one as Resolved over in the sidebar when you’re ready ??

    Thread Starter ianmullins

    (@ianmullins)

    Chad, once again you’ve proved a lifesaver!

    Who do you work for?

    Happy to help!

    I’m a Happiness Engineer at Automattic ??

Viewing 15 replies - 1 through 15 (of 19 total)
  • The topic ‘Adding logo to Goran theme…’ is closed to new replies.