Replacing the slider text with an image

Hello, I couldn’t find an answer yet, so I’ll just open a new topic.

My question’s pretty straightforward:
Is it possible to change the title that appears over the slider to an image?
I’m talking about the part that says “Welcome to Sydney” in the demo.

Thanks a lot in advance.
I’m really enjoying using Sydney so far, great theme!

Best
Gino

Hello Gino,

You can change it in Dashboard → Appearance → Customize → Header area → Header Slider section.

Please check Sydney theme documentation if you haven’t done it already:
http://docs.athemes.com/category/8-sydney

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.

Hi Roman,

thanks, I’ve seen that, however, as far as I can tell, it’s only possible to change the text.
I wanted to know if there can be an image instead of text, because I’d like to put the client’s logo there.
Sorry if my question was unclear,

best regards
Gino

I managed to achieve what I wanted by using the following custom-css:

.text-slider .maintitle {
    color: #fff;
background-image: url(IMAGE-URL);
background-repeat:no-repeat;
background-position:center top;
min-height:250px; 
min-width:500px;
}

Do you think this is going to work or will there be trouble with the layout because I used pixel values?

EDIT: I think I might be able to make it work if I use media queries. Any suggestions which values I should use for max-width for both mobile and tablet?

Many many thanks!

Hello Gino,

Please provide a link to your website if you want me to check that.

Kind Regards, Roman.

Hello Roman,

great, thanks a lot!

The site’s not yet visible to the rest of the world, but I created a user for you, is there a way to PM you the details?

Best
Gino

Hello Gino,

You can use this link:
[hidden]
But please include a link to this topic.

And please set a Subscriber user role, I think that should be enough.

Kind Regards, Roman.

Hello Gino,

Credentials don’t seem to be correct.

Have you removed that user account?

Kind Regards, Roman.

Hello Roman,

I’m sorry, I probably made a typo when I sent you the login info. I’ve sent you a new pw.

Kind regards
Gino

Hello Gino,

I have just checked your home page on different resolutions and logo is cropped on 480-649px of width.

It looks like you have to adjust your code in media query:

@media only screen and (max-width: 649px){
	.text-slider .maintitle {
   		 color: #fff;
		background-image: 		url([hidden]);
		background-repeat: no-repeat;
background-position:center;
background-size: 50%;
min-width:100%;
min-height:120px; 
padding-bottom:0;
	}
}

Kind Regards, Roman.