How do I leave white margin between wraps which have a background picture?

Hi! This is the link to my website:

If you scroll down, in the About Us section(you'll see 3 rows of 3 pic each with Bulgaria, Spain and Germany written on it) you'll see I've been trying to do the same thing in two ways: A background picture with a text over, and a hover effect. 
The final look I'd like to get is like the in the second row of pictures, but I want the text to be real text (not part of the image). I don't know how can I add both functions (text and hover), and even if I add only the text effect and not the hover as I did in the first row of pictures, how can I separate the wraps between them? I couldn't find the option, and I tried with class but I didn't manage either.

Thanks so much for your help!!

Comments

  • Hi,

    Please open your website in Firefox html mode (CTRL+U) and check html errors you got. Please fix them first and this should fix most of these things.

    P.S. Anticipating your question, yes, those errors are not associated with theme and were made by you or one of your extra plugins.

    Thanks!
Sign In or Register to comment.