Lower the heading on each homepage image from the top to the bottom

  • Hello,

    How do I lower the heading on each homepage image from the top to the bottom?

    Thanks for your help.

    The blog I need help with is: (visible only to logged in users)

  • Hi there,

    This Custom CSS code ought to take care of it:

    body .archive-content .entry-title {
        position: absolute;
        bottom: 26px;
    }

    One thing to note: you should try to make sure the titles are short enough so they don’t exceed the height of the homepage square. If you run into that problem, feel free to let me know and I’ll try to figure out some way around it.

    Regards,
    Leland

  • Thanks. And a code to make the titles smaller so they become more squarely positioned or justified would be appreciated. I tried making the font smaller using the customizer but it made my site description too small.

  • Never mind. I worked it out. I just added…

    font-size: 25px;
    text-align: center;

    …to the code you already gave me.

    Thanks again.

  • The topic ‘Lower the heading on each homepage image from the top to the bottom’ is closed to new replies.