Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #276974

    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!

    #277041

    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

    #277093

    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!

    #277102

    Edit this image (remove the text), then post it here.

    Regards,
    Josue

    #277154

    http://attilakocsis.hu/klassis/wp-content/uploads/2014/06/base.png

    Thanks!

    • This reply was modified 10 years, 5 months ago by nbknbk.
    #277194

    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

    #277340

    Save my life! thanks!
    Your support is the best I’ve ever seen, good work Kriesi! :)
    thanks!

    #277382

    You are welcome, always glad to help :)

    Regards,
    Josue

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Text over image’ is closed to new replies.