Header images and title

  • Hello,

    I am trying to disable the header image for all the pages except the main one, could someone help me with this? I also want the full picture to come out but I am not able to

    I also wanted to remove the title from all the pages except the main one.. I am a newbie to all of this so I am in need of help.

    Thanks

    here is the link to the website
    https://hylaumc.com/

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter cmlina

    (@cmlina)

    Also is there a way to make the font smaller and making the spacing single, because it looks like it is 1.5.

    Thank you for any help and patience.

    Use this to hide page title, it’s better than display none method.

    /*
 * Hide only visually, but have it available for screen readers:
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

.page .entry-title{
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

/* Make front page title visible */

.home.page .entry-title {
	width: auto; height: auto;
	margin: auto;
	clip: inherit;
	position: static;
}

    To hide the big hero image except on front page, we can use the display none/block method. But for this particular theme and setting you also need to adjust font color and fixed height along with margin top bottom in the header area.

    Thread Starter cmlina

    (@cmlina)

    paulwpxp, its been a long time,

    I was not able to make it work, I coped exactly what you provided but the images still appeared on the secondary pages (non-main pages)

    Can you help?

    Thread Starter cmlina

    (@cmlina)

    paulwpxp, its been a long time,

    I was not able to make it work, I coped exactly what you provided but the images still appeared on the secondary pages (non-main pages)

    Can you help?

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Header images and title’ is closed to new replies.