Best way to make hero title text readable on each page?

  • Resolved chibicakes

    (@chibicakes)


    9 years, 9 months ago

    I’m using the Forefront theme and have realized it’s a pain to find featured images for each page that go well with the color/amount of text for each title. To fix this, I tried lowering the text so it appears below the featured image (example here). However, I really hate the huge gap between the title and the beginning of the page text. How do I shorten that? Using the .content-area{padding-top: 10px} did not work for me.

    Any help (or if there’s another way to move down the title text that doesn’t create this gap) would be appreciated a lot!

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter chibicakes

    (@chibicakes)

    Also, if this helps, this is how I modified the page title to be at the bottom:

    .hero.with-featured-image .page-title {
	color: #050705;
	text-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}
.hero.with-featured-image > div {
	position: bottom;
		top: 0;
}
    Theme Author Tom

    (@edge22)

    Hi there,

    It looks like you’re using a different “Forefront” theme – this forum is for this theme: https://www.ads-software.com/themes/forefront/

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Best way to make hero title text readable on each page?’ is closed to new replies.