Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at


  • JKFks 10 posts 82 karma points
    Feb 05, 2017 @ 21:02
    JKFks
    0

    Spacing next to image too close

    Hello

    When I put an image in and align it to the left, the text next to the image is sitting way too tight. I've tried to adjust the html but am having no luck. This is how one of them looks in the html... any help much appreciated!

    STAFF 100Px

    Job title

    Many thanks, Julia

  • JKFks 10 posts 82 karma points
    Feb 05, 2017 @ 21:05
    JKFks
    0

    enter image description here

  • JKFks 10 posts 82 karma points
    Feb 06, 2017 @ 10:03
    JKFks
    0

    Hello, anyone, anyone at all?! :-)

  • Ronak Panchal 71 posts 230 karma points
    Feb 06, 2017 @ 10:09
    Ronak Panchal
    0

    Hello Julia,

    You can set margin left or text in HTML.

    or you can share your HTML .

    Hope its helps you,

    Ronak Panchal

  • JKFks 10 posts 82 karma points
    Feb 06, 2017 @ 10:14
    JKFks
    0

    enter image description here

    Thanks - this is what I can see at the moment in the html

  • Dennis Adolfi 1082 posts 6450 karma points MVP 6x c-trib
    Feb 06, 2017 @ 10:13
    Dennis Adolfi
    0

    Hi JKFks.

    Can you add a class surrounding your staff? That way you could control the spacing with css.

    Lets say your markup looks something like:

    <div class="staff">
    <!-- Jobtitle, image and description goes here..  -->
    </div>
    

    Then you css could be:

    <style>
    .staff img{
    margin: 10px;
    }
    </style>
    
  • JKFks 10 posts 82 karma points
    Feb 06, 2017 @ 10:14
    JKFks
    1

    Thank you I shall try this... will let you know if I have success!

  • JKFks 10 posts 82 karma points
    Feb 06, 2017 @ 10:19
    JKFks
    0

    Nope, I can't work out how to get it to work still sadly. It looks like this at the moment... thanks so much for help, much appreciated

    enter image description here

  • JKFks 10 posts 82 karma points
    Feb 06, 2017 @ 10:36
    JKFks
    1

    Thanks, no luck I think I need some help from the developers but thanks anyway for the replies. I managed it once before by changing the code in the html (sorry I am not sure if that is the same field as the css - i'm an editor but not a developer so that part is going over my head a bit!).

  • Dennis Adolfi 1082 posts 6450 karma points MVP 6x c-trib
    Feb 06, 2017 @ 10:15
    Dennis Adolfi
    1

    Great. Looking forward hearing how it goes..

  • Dennis Adolfi 1082 posts 6450 karma points MVP 6x c-trib
    Feb 06, 2017 @ 10:20
    Dennis Adolfi
    0

    Do you have it live somewhere? Url?

  • JKFks 10 posts 82 karma points
    Feb 06, 2017 @ 10:21
    JKFks
    0

    It isn't live as I need to get the page approved still... I posted the html above I hope that helps you see what I can see!

  • Dennis Adolfi 1082 posts 6450 karma points MVP 6x c-trib
    Feb 06, 2017 @ 10:22
    Dennis Adolfi
    0

    Can you paste more html? Is there a surrounding div arounds that code?

  • JKFks 10 posts 82 karma points
    Feb 06, 2017 @ 10:24
    JKFks
    0

    That's it I'm afraid...

    Tim Weiss 100Px

    Director of the - Tim

    Tim is responsible for the overall management and direction of theā€¦vision and strategy.

    Sarah Morgan 100

    Head of - Sarah

    Sarah is responsible for the website.

    enter image description here

  • Dennis Adolfi 1082 posts 6450 karma points MVP 6x c-trib
    Feb 06, 2017 @ 10:28
    Dennis Adolfi
    0

    To just get a margin around your img tag, you can use simple css:

    <style>
        img{
    margin: 10px !important;
    }    
    </style>
    

    The problem is that this will affect ALL your sites images, not just the staff. You need to add a div with a class/id surrounding you staff code to be able to separate its styling from the rest of the site. (Like the example i wrote higher upo in this thread.

  • Dennis Adolfi 1082 posts 6450 karma points MVP 6x c-trib
    Feb 06, 2017 @ 10:44
    Dennis Adolfi
    1

    Hi!

    If you have access to the source code, you could do something like this:

    enter image description here

    (Note: this is not a optimal solution for future content editing, since it requires editors to know html, but it could be a fix for you at the moment. For a long term fix, contact your developer and he/she can add some proper styling rules.)

    Best of luck.

  • JKFks 10 posts 82 karma points
    Feb 06, 2017 @ 10:52
    JKFks
    1

    Thank you, I will keep having a play with it... have emailed support in the meantime, hopefully they can provide a long-term solution as you say!

  • Dennis Adolfi 1082 posts 6450 karma points MVP 6x c-trib
    Feb 06, 2017 @ 11:16
    Dennis Adolfi
    0

    Sounds good! Best of luck to you!

    Have a great day!

  • This forum is in read-only mode while we transition to the new forum.

    You can continue this topic on the new forum by tapping the "Continue discussion" link below.

Please Sign in or register to post replies