How to move page title on featured image

  • Author
    Posts
  • #1721263

    mschultz50
    Member

    How do I move the page title that appears on the featured image so that it’s 1) near the bottom of the image instead of in the middle, and 2) appears black instead of white?

    Here’s the page I’m working on:
    http://melodyvalve.org/ari/

    Thanks.

    The blog I need help with is echoofhopedotnet.wordpress.com.

    #1721438

    Thank you for including a link!

    I checked your current custom CSS and I found that you’ve currently hidden the page title just for that page using this:

    .page-id-5 .page-title {
    	display: none
    }

    If you wanted to move it down and make it black instead of hiding it, you could do something like this:

    .page-id-5 .hero.with-featured-image .page-title {
    	padding-top: 280px;
    	color: #000;
    }

    Adjust the number and color code as needed.

    I added the “.hero.with-featured-image” part in the middle of the selector because that’s what the theme does and you need to at least match the same level of specificity the theme is using in order for new custom CSS to override it.

    If you move the title to an area of the photo that has a dark background, it would probably look better staying white instead of black.

The topic ‘How to move page title on featured image’ is closed to new replies.