Hello,
I’d like to place text on images.
Please check my site http://attilakocsis.hu/klassis/?page_id=22 and you can see the following:
– I’m using parallax background (stars)
– I would like to add white background to the text – with skew borders
You can see the very lame temporary solution (made the hole page as one picture) but it’s very SEO unfriendly – and there are some other disadvantages…
Please help! :)
Thanks in advance!
Hey Attila!
Put a 1 column element there, fill the text and set an image like this (without the text) as the background image via CSS (we can help you with this).
Regards,
Josue
Hey Josue,
Please help me how to set image background for 1/1 column element. I quess i have to put something in the custom.css :)
Thank You!
Edit this image (remove the text), then post it here.
Regards,
Josue
http://attilakocsis.hu/klassis/wp-content/uploads/2014/06/base.png
Thanks!
Hey!
Try adding this code to the Quick CSS:
.page-id-22 main {
background: url(https://attilakocsis.hu/klassis/wp-content/uploads/2014/06/base.png) no-repeat center top;
background-size: cover;
}
.page-id-22 .entry-content-wrapper {
padding: 200px 110px 110px 110px !important;
color: black;
}
Cheers!
Josue
Save my life! thanks!
Your support is the best I’ve ever seen, good work Kriesi! :)
thanks!
You are welcome, always glad to help :)
Regards,
Josue