[Rebecca Keogh]

Hi Guys,

 

I would like to increase the size and change the color of the txt in front of the header image on each page – how do i go about doing that?

 

Thank you

Rebecca

[Sakin]

Hi Rebecca,

1. For Color size, you can the color code in the following CSS as per your need and in the “Appearance => Customize => Additional CSS” box:

.header-media .section-title,
body:not(.home) .header-media .section-title {
	color: #000;
}

For Font Size, you need to adjust it for Mobile and then Desktop, so adjust the following CSS font size as per your need and then add it in the “Appearance => Customize => Additional CSS” box:

/* Header Media Font Size for Mobile *
.header-media .section-title,
body:not(.home) .header-media .section-title {
	font-size: 32px;
}

/* Header Media Font Size for Desktop *
@media screen and (min-width: 64em) {
	.header-media .section-title,
	body:not(.home) .header-media .section-title {
		font-size: 60px;
	}
}

Regards,
Sakin

[Rebecca Keogh]

Hi Sakin,

 

that worked perfectly! Thank you !

 

Rebecca

 

[Author]

Posts