[neobrainless]

Hello, I’m a lot of a newb with CSS and I would like to know how to replace the site title and tagline with an image.

The site is here: http://www.snekkeren.co.uk/

And I want the top left title and tag line replaced with this image:
http://www.snekkeren.co.uk/wp-content/uploads/2017/07/NoBckGrnd_Logo.png

I may tweak the image, but I can handle changing the image once I have the right code and where to put it.

I’ve tried playing with various options from other help threads for other themes, but dunno what I’m doing wrong. Assume I know nothing!

Cheers, Rohan

[Mahesh]

@neobrainless: Go to Dashboard=> Appearance=> Customize=> Site Identity and upload your desired logo. Then make use to uncheck Display Site Title and Tagline option.

Regards,
Mahesh

[neobrainless]

Hi,
Thanks for the reply, but the logo is too small for the job – I want an image that’s about 3 times the size and rectangular…

Cheers, Rohan

[Greyedevil75]

Hi, I currently use the free version of your Rock Star Theme. I’m trying to change the color of for the active main menu elements from their current red once active to pink/purple.

Can you help me? My site is http://www.soundwisemusic.com and the color I would like them to be is #b22ab6

Thank You…

[Mahesh]

@neobrainless: For that, you can use bigger size logo image.

@greyedevil75: You can find color options in Rock Star Pro version. I recommend you to upgrade to pro.

Regards,
Mahesh

[neobrainless]

You misunderstand me – I *have* the large image, but the first thing you do with a new logo upload is crop it to size so it fits in the pre-defined box – I want to know how to enlarge the logo box…

[Mahesh]

@neobrainless: Go to Dashboard=> Appearance=> Customize=> Additional CSS box and add the following:

.site-logo img {
    max-height: 250px;
}

/* For Sticky */
.is-sticky .site-logo img {
    max-height: 100px;
}

Note: Please adjust the max-height as desired

Regards,
Mahesh

[neobrainless]

That’s great – thank-you!

For anyone else looking here I added a width control as well:

}

/* For Sticky */
.is-sticky .site-logo img {
    max-height: 100px;
    max-width: 300px;
}

[Mahesh]

@neobrainless: I hope I was able to resolve your issue. If it’s not too much trouble, I have a quick request: could you please leave an honest review?
https://wordpress.org/support/theme/rock-star/reviews/#new-post
Your review will help others know what to expect when they’re looking for the support I offer. Even a sentence or two would be hugely appreciated.
Thanks, and if there’s anything else at all that I can do to help, don’t hesitate to let me know.

Regards,
Mahesh

[Author]

Posts