Help position text over header image

Site URL: https://www.probation-institute.org/who-we-are

Hi everyone, 

I'm trying to insert some attribution for images on the website, although not necessary, but good practice. You'll see on this link: https://www.probation-institute.org/who-we-are

I've managed to add some CSS to make the text smaller, but I can't figure out how to move the text to the bottom of the image. I've added spacers and it doesn't seem to help. 

Any help really appreciated. 

Cheers, Richard

try:

#block-yui_3_17_2_1_1616003030915_23053 {
    position: absolute;
}

Fab, that works well. Thank you 🙂

On 3/18/2021 at 3:44 PM, Icclebug said:

Fab, that works well. Thank you 🙂

I see on tablet, it has blue bar on right of screen. Do you want to fix this?

On 3/22/2021 at 2:23 AM, tuanphan said:

I see on tablet, it has blue bar on right of screen. Do you want to fix this?

Sorry I didn't see this post come through, yes please. 

7 hours ago, Icclebug said:

Sorry I didn't see this post come through, yes please. 

Add to Design > Custom CSS

/* fix blue bar */
@media screen and (max-width:991px) and (min-width:768px) {
	html, body {overflow-x: hidden;}
}

Hey @tuanphan thank you for this. 

It has removed the blue bar as you mentioned, however on the iPad you can barely see the 'search' facility on the top right - mobile seems ok. 

Any ideas please?

Hi @tuanphan any thoughts on this one please?

On 5/13/2021 at 2:49 PM, Icclebug said:

Hi @tuanphan any thoughts on this one please?

Add to Design > Custom CSS

/* Fix tablet search icon */
@media screen and (max-width:900px) and (min-width:641px) {
[data-nc-base="header"] [data-nc-container="top-left"] {
    flex: 80%;
}
}

2 hours ago, tuanphan said:

Add to Design > Custom CSS

/* Fix tablet search icon */
@media screen and (max-width:900px) and (min-width:641px) {
[data-nc-base="header"] [data-nc-container="top-left"] {
    flex: 80%;
}
}

 

Thank you so much 🙂