How to change entry-title on front page

This code will do just that, just change the “Hello” to your own text

.home.page .hero-container-inner .entry-title::before {
	content: "Hello";
	display: block;
}
.home.page .hero-container-inner .entry-title {
	height: 41px;
	overflow: hidden;
}

It will do that only for front page title. The code is tested on this demo site https://selademo.wordpress.com/

Make sure to use the code in Custom CSS plugin.

.home.page .hero-container-inner .entry-title::before {
	content: "Hello";
	display: block;
}
.home.page .hero-container-inner .entry-title {
	height: 41px;
	overflow: hidden;
}

@paulwpxp Peace of code u wrote it works, but doesn’t work well on resized browser window so I guess it want work well on small devices when website goes live. Look at my snapshoots – https://www.dropbox.com/s/k0y3m684pj4uh8g/full%20window.png?dl=0
https://www.dropbox.com/s/v4pexnirw5ta4mk/resized%20browser%20window.png?dl=0

Use this code instead

/* hide */
.home.page .hero-container-inner .entry-title {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

/* show */
.home.page .hero-container-inner .entry-header::before {
	content: "This is some very long page title that will wrap into second line";
	display: block;
	margin-bottom: 1em;
	font-size: 2.4rem;
	font-family: "Oswald",sans-serif;
	font-weight: 300;
	letter-spacing: 2px;
	line-height: 1.7;
	text-transform: uppercase;
}

@paulwpxp yes, that code fixed the issue, but dev. should do better job on this one.

@paulwpxp yes, that code fixed the issue, but dev. should do better job on this one.

Please mark this thread as resolved.

This issue is a special customization request, not theme bugs or anything relates to coding standard, so to be fair it’s unrealistic to require developer of this theme to spend time on this issue.

thanks to all of you for your help!