Image Text Overlay Art Theme

[rebrus93]

Hello! I am currently creating a website using the Art Theme V3. I am trying to create a partial text overlay on an image using the group function but I am unable to get it to look right. I want to do something similar to this: https://www.kristofdevos.com/ (image left, title and description right with a button, partially overlaying the image)

Also in V2 it was possible to offset elements by a certain number of columns. Is this no longer possible with V3?

Thank you in advance!

– Rebecca

[SeaTheme]

Hi,

Please use the custom CSS(“Appearance > Customize: Additional CSS”) to overlay the Text module(on the right side)

@media only screen and (min-width: 1024px) {
 .module-id-1530135979643 .text_block_centered {
    margin-left: -110px;
 }
}

The 1530135979643 is module unique ID, you will find it when edit a module:

PS:
Thanks for mention. We will consider adding the feature in the future.

Regards!

SeaTheme – SeaTheme.net – Twitter – Facebook

[rebrus93]

Thank you!

It works but the text is underneath the image instead of on top. How can I fix this?

[SeaTheme]

Hi,

Please adjust module width, make sure the columns number is less than(or =) 12. Click the left arrow to remove the offset. see >> https://www.dropbox.com/s/m92qvk7w2mp3jqc/qq20200214-121900.jpg?dl=0

Regards

[Author]

Posts