Putting 3 Single Photos side by side and using next line on photo description

  • Pistolero7

    (@pistolero7)


    10 years, 2 months ago

    Hi,

    and thank you for reading me again.
    I would like to put 3 single photos (with lightbox available on it) side by side but I can’t do it right (pictures don’t center and are under each other. (I don’t wanna use thumbnail and slideshow here).
    What am I doing wrong ?

    http://www.lilianginet.com/?page_id=479

    Secundly, Is it possible to go to next line in photo description in slideshows like “
    Queens of the Stone Age
    Eurockéennes, France
    2011 “
    because, display on the page is :
    “Queens of the Stone Age Eurockéennes, France, 2011”
    I tried Enter, Spacing and other stuff of course but WPPA ignore it.

    Thank you again for your wonderful plug in. The best one for me.

    http://wordpress.org/plugins/wp-photo-album-plus/

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author Jacob N. Breetvelt

    (@opajaap)

    10 years, 2 months ago

    1. Try this: ( example, use your own sizes and photo ids ):

    <div style="width: 200px; float: left;">[wppa type="photo" photo="2" size="200" ][/wppa]</div>
<div style="width: 200px; float: left;">[wppa type="photo" photo="21" size="200" ][/wppa]</div>
<div style="width: 200px; float: left;">[wppa type="photo" photo="22" size="200" ][/wppa]</div>

    Use the text editor, not the visual.

    2. Check Table IV-B11. This runs wpautop on descriptions; i.e. auto insert <p> and <br> tags.

    Thread Starter Pistolero7

    (@pistolero7)

    10 years, 2 months ago

    Hello,

    thanks a lot, it worked perfectly but how can I center the group of 3 pictures ?
    And how can I do the same (center group of pictures side by side) if there is only two pictures ?

    Thanks again !

    Plugin Author Jacob N. Breetvelt

    (@opajaap)

    10 years, 2 months ago

    <center>
<div style="width: 200px; float: left;">[wppa type="photo" photo="2" size="200" ][/wppa]</div>
<div style="width: 200px; float: left;">[wppa type="photo" photo="21" size="200" ][/wppa]</div>
<div style="width: 200px; float: left;">[wppa type="photo" photo="22" size="200" ][/wppa]</div>
</center>
    Thread Starter Pistolero7

    (@pistolero7)

    10 years, 2 months ago

    Hi,

    I tryed what you said but it didn’t work. I tried several other things but
    when I put another image after the group, it’s very hard to align it.
    How can I cancel the float “box” under the group, to have a natural display again ? (and not 3 “paragraphs” in the visual description ?)

    http://www.lilianginet.com/?page_id=1157

    Other thing : I read a lot the forum. Si I would like to know if Shortcode in photo description is still the best way to include a “add to shopping cart icon” on photos ? Does it work for both lightbox and slideshow ?

    Thanks for all,
    have a nice week !

    Plugin Author Jacob N. Breetvelt

    (@opajaap)

    10 years, 2 months ago

    1. Please remove the right mouse button prevention. I do not inspect sites that block this.

    2. Shopping cart: yes.

    Thread Starter Pistolero7

    (@pistolero7)

    10 years, 2 months ago

    Hi,

    I just removed it.
    Sorry for that, I was sure I did not enable this right click protection again.

    Sorry and thanks,

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Putting 3 Single Photos side by side and using next line on photo description’ is closed to new replies.