Zero spacing between pictures and text uneditable

Contact me if you still need help. I’m not part of the Synved team but the product works for me and I’m sure I can help you with your problem.

From the sounds of it, you need to add margins or padding (both CSS properties) between your text and images. You can experiment with doing that in all the major browsers by using their developer tools. In Chrome, right click the element you want to affect and choose “Inspect Element” from the context menu. The other browsers have similar wording.

In Chrome, a big ‘ole box will appear that has your webpage as text and tags. It’s likely that the highlighted text is what you’re looking to change (hover your mouse over any of the ‘elements’ in the Element box and you’ll see which elements onscreen is represented). When you find the element you want to modify, look to the top right for the section called “Styles.” Look for this code:

element.style {
// There might be stuff written in here.
}

Click inside element.style type “margin” OR “padding,” hit enter, and add some number like 100px and press enter again. The elements on the page should change when you do that. Play around with the margin and padding until you get the spacing you want. If you need more help, search Google for something like “CSS margin” for information about that property.

Did that exactly, still doesn’t work for me. I know enough about CSS to know how to do what you described above, and the issue is the name of the DIV’s and ID’s. They are terribly named and confusing. I have to try several combinations of what you see in the Inspect Code element boxes to finally find something that works correctly because of the name conventions. It can be done, but takes an awful lot of work. Your description is exactly what I do, but you leave out the part of what to EXACTLY alter in the CSS markup. Which is exactly where I’m having issues.