• I know we can change the space between all images using css like

    img {
    margin: 20px;
    }
    blahblahblah,

    But what if I want a different space depending on the situation?

    With Microsoft Word I can just use the space tab to adjust the space as I want but using CSS is a pain because it make changes to every pages and not for specific cases.

    How can I make changes case by case?

Viewing 8 replies - 1 through 8 (of 8 total)
  • Making changes case by case is possible but depending for which img you want to do that might be pretty challenging.
    Where is the image you want to move? I assume it’s not a blog featured or attached image right? Usually images in a webpage also have an id or a class or they are in a container (a <div> element) that has an id or class, or a “style” attribute, if you find any of the above then you can use it to add style only for that specific element. so it will be:

    #elementId {
    margin: 20px;
    }

    or

    .elementClass {
    margin: 20px;
    }

    or inline (usally not recommended -it might slow down the page)
    style="margin: 20px;"
    is your website up? can you share a link to your website and specify the image you want to move?

    Thread Starter Billy2209

    (@billy2209)

    This is the link:
    http://www.nutriadvo.com/save-money-make-money/

    I would like a 40px space between the Discount image and the Advocare logo.

    You mean that I need to create a class or id case by case?

    What if I want a space of 20px between 2 images and then I want 40px between 2 other pages?

    How can I have a padding for h1, h2, h3, h4, h5 different case by case? Same thing? That’s a lot of work.

    Someone has to invent an easier system where we could just use the space key to make spaces and it would write code automatically in the css. That way everyone could make websites easily. That guy will make billions, lol. Actually there is Adobe Muse that is not bad.

    I hit a Not found fallowing your link…

    I agree web-development is not easy as space pressing but offcourse there is a reason… there are a lot of wysiwyg web-development projects but that is only part of the development (the front end) and they tend not to be as popular as code-editing + the usual user is not familiar with dynamic content and code reuse.

    Unfortunately it is a lot of work if you need a custom page and even more if you need lots of custom pages… but from my point of view the web is going towards patterns, that is why there are classes of elements, to have things look as they are in the same website.

    Sorry I couldn’t give you the exact solution…

    Thread Starter Billy2209

    (@billy2209)

    I put the page in public publish for a few minutes so you can check it out.

    Hmmm… I jumped to coding solutions but it seems there might be a non coding one also:
    If you got to the save-money-make-money post editing screen, can’t you adjust the space from there? I’ve isntalled the theme and I was able to insert breaks between images, can you try it too?

    Thread Starter Billy2209

    (@billy2209)

    you mean breaks like that?  

    Yes, it works but it’s a pain because it does not stay. WordPress recode everything by itself.

    If I put a break like this:  

    sometimes it will just delete it.

    What a pain

    I’m sorry you feel it as a pain, with a little patience you will learn to master it!

    It depends if you are in visual mode or in text mode:
    If you are in visual mode then you hit space/enter key.

    If you are in text mode then you add the html elements.

    Thread Starter Billy2209

    (@billy2209)

    ok I will try that. Thanks

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