Replacing Tagline with an Image

Christina,

Thanks for using Ignite and upgrading!

Changing the tagline into an image possible, but will be challenging to implement and style. I think using one image with your tagline in it is the best solution.

By default, Ignite limits the size of the logo, but there is a Logo Size tool in the Customizer that will allow you to resize the logo. If you upload your logo with the tagline in it, and then increase the values in the Logo Size tool, you should be able to create the look you want.

If you have any trouble, don’t hesitate to ask more questions here ??

Hey Ben,

Thanks for the speedy reply & great theme!

I tried putting in the logo with the tagline but i didn’t like how i’d no longer have the tag line automatically come up on google/in the sidebar etc!

So think i’m going to just leave it typed in but is there anyway I can change the colour? At the moment it comes up as bright yellow by default which is too bright to read! I want it in the same grey as my logo (which i have the colour code for). Can this be changed? And can i change the font/size of it too?

Another thing i noticed, i’ve increased the size of my logo which looks fine on desktop buuut on mobile the bottom bit of the logo sticks out a lot onto the grey bit of my background! Even if i only increase it a tiny bit! Is there a solution to this? (atm it’s set to a max-width of 40, max-height of 20)

Thanks,
Christina

Christina,

Sure, the following CSS will change the color of the site-description to a gray and increase the font-size:

@media all and (min-width: 1000px) {

  #site-description {
    color: #515151;
    margin-left: -15px;
    font-size: 21px;
  }
}

Thanks for notifying me of the logo issue on mobile. That one slipped past me.

I’m going to fix that in an update for Ignite this week.

Thanks a lot for your help Ben – that works great!

One other thing i noticed that you might want to add to your update: on desktop when the logo/tagline size is increased, you know where you hover over links in the header (e.g About, Contact) and it changes colour..the change of colour doesn’t follow through to the bottom of the header, so some of it remains white which doesn’t look too good (see my site to see what i mean!).

Cheers again for your help & quick replies ??

Also (sorry for all the questions!) is there a css code i can use to change the tagline font on mobile? I’m using the ‘freestyle script’ font for the desktop tagline, is it possible to use this same font for where the tagline appears on mobile?

Can’t seem to delete above post- but i don’t need to change the tagline font anymore, so ignore that!

Christina,

No problem, I will look into that and see if I can fix it too in the next update ??