WordPress.org

Ready to get started?Download WordPress

Forums

WordPress Shortcodes
Zero spacing between pictures and text uneditable (3 posts)

1 star
  1. RootedUp
    Member
    Posted 1 year ago #

    Not able to edit the zero space between columns, resulting in no pixel separation between text and images when viewed in certain browsers.
    When asking for support help, received a brush off answer of "go learn CSS" - If I wanted to learn CSS I wouldnt beusing plugins, now would I?
    If you want a better plugin than this one, go here:
    http://wordpress.org/extend/plugins/shortcodes-ultimate/screenshots/

  2. nanoo_k
    Member
    Posted 1 year ago #

    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.

  3. mowd2414
    Member
    Posted 11 months ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.