Cover background & test

  • Our site isn’t published yet, so I don’t have a link to provide.

    I am using a Cover and want to modify the CSS so that the text appears on the bottom with a background bar.

    This is all I have so far:

    div.wp-block-cover__inner-container a, a:visited {
	align-self: end;
	color: #fff;
}

    align-self is not working, it’s keeping the text in the middle of the image.

    I have the opacity on the overlay set to 0% because I don’t want it over the entire image, just the bottom so the text stands out.

    An example screenshot is below. The text as it is appearing with the code currently is in the middle of the image. How I want it to appear is at the bottom. Any help is highly appreciated!

    Example image

    • This topic was modified 3 years, 5 months ago by Jan Dembowski. Reason: Moved to Fixing WordPress, this is not a Requests and Feedback topic
Viewing 3 replies - 1 through 3 (of 3 total)

  • This is not really a WordPress question.
    If you haven’t already, read how to use the Developer Tools that are in the browser. (They are all very similar, if you don’t use Chrome.)
    And look things up at MDN CSS Reference.
    In your case, get the correct selector. Is it really a link? Is it a flex item?

    Thread Starter jrichardsoncorre

    (@jrichardsoncorre)

    Ah, I’d seen other areas in this forum where people were just being helpful and since I couldn’t figure this out using those tools you mentioned I thought I would ask for a little assistance, specifically with the selector that won’t align to the end:

    div.wp-block-cover__inner-container {
align-self: end;
}

    I’m using the “cover” block that exists in my WordPress tools and I am not sure if that is a flex item or not.

    Yes, the goal is to get the entire image, or at least the text, or both, to be a link to a portfolio page.

    Each theme styles things differently, so you can ask style questions in your theme’s support forum. That’s why this is not a WordPress question.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Cover background & test’ is closed to new replies.

Tags