Permanent spacing

  • New User327

    (@new-user327)


    10 years, 9 months ago

    I have a catalogue of images. Each image is the same size. Underneath each image I have a link “back” and “next” at the right and left corners of the image respectively. So the links are always in the same position with respect to the image. Customizr (WordPress?) would display them correctly in the editor but when I reviewed them live they would be out of place (farther left or right). I finally got them to match up with some “creative” spacing but when tested live on various sized monitors (and mobiles) they appear in different places with respect to the image. How do ensure they are always in the same position regardless of monitor size? The link is:
    http://princefinephotography.com/index.php/1-2/

Viewing 6 replies - 1 through 6 (of 6 total)
  • rdellconsulting

    (@rdellconsulting)

    10 years, 9 months ago

    You’ve locked your pages again so nobody will be able to help

    Thread Starter New User327

    (@new-user327)

    10 years, 9 months ago

    Sorry for the issue. This is strange. I made two pages public before I left the message. I just accessed the link with my cell phone and two other computers. My browsers erase all history on exit and do not keep passwords. Try the link below. Its not as direct but should work. click on: ABOUT>>THE COLLECTION>>VIEW THE COLLECTION should get you there. http://princefinephotography.com/

    Thanks

    Thread Starter New User327

    (@new-user327)

    10 years, 9 months ago

    Just checking to see if you are still having access issues. Very strange what happened earlier, I’m sure it was something I did….did the new link work?

    Thanks

    rdellconsulting

    (@rdellconsulting)

    10 years, 9 months ago

    Stars in Alignment – still can’t rt-click 🙁

    Thread Starter New User327

    (@new-user327)

    10 years, 9 months ago

    My apologies. It should be open now.

    rdellconsulting

    (@rdellconsulting)

    10 years, 9 months ago

    Start with:

    @media all and (max-width: 1920px) {
    h5 {
    margin-left: 26%;
}
}

@media all and (max-width: 980px) {
    h5 {
    margin-left: 20%;
}
}

    You’ll need to add extra breakpoints and adjust the margin-left. Add to style.css

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Permanent spacing’ is closed to new replies.