Center Data in [one-half]

  • Resolved hemorider175

    (@hemorider175)


    7 years, 10 months ago

    Hi,

    i am using the [one-half] function to seperate my page in 2 parts

    <p style="text-align: justify;">[one-half-first]<a href="https://www.salvenmoser.org/wordpress/der-drachenflieger" target="_top" onmouseover="document.sub_but.src='https://www.salvenmoser.org/wordpress/Images/Drachenflieger.jpg'" onmouseout="document.sub_but.src='https://www.salvenmoser.org/wordpress/Images/Drachenflieger_sw.jpg'">
 <img src='https://www.salvenmoser.org/wordpress/Images/Drachenflieger_sw.jpg' style=border:0px solid #cc3300;" alt="Move your mouse over me" name="sub_but">
 </a>[/one-half-first]
[one-half]<a href="https://www.salvenmoser.org/wordpress/der-glaser" target="_top" onmouseover="document.sub_but1.src='https://www.salvenmoser.org/wordpress/Images/Glaser.jpg'" onmouseout="document.sub_but1.src='https://www.salvenmoser.org/wordpress/Images/Glaser_sw.jpg'">
 <img src='https://www.salvenmoser.org/wordpress/Images/Glaser_sw.jpg' style=border:0px solid #cc3300;" alt="Move your mouse over me" name="sub_but1">
 </a>[/one-half]</p>

    The Pictures are correct on their half of the page, but i am not able to Center them in this half. How does this work? I did use the “one-half” function from the “Genesis Columns Advanced” plugin.

    Thanks your help!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Nick Diego

    (@ndiego)

    Hi hemorider175,

    The first thing you want to do is remove the wrapping <p> tag. Then you need to add a class or style attribute to the images to center them. WordPress has a handy aligncenter class that will do this for you. The following code should work. 

    [one-half-first]<a href="https://www.salvenmoser.org/wordpress/der-drachenflieger" target="_top" onmouseover="document.sub_but.src='https://www.salvenmoser.org/wordpress/Images/Drachenflieger.jpg'" onmouseout="document.sub_but.src='https://www.salvenmoser.org/wordpress/Images/Drachenflieger_sw.jpg'">
 <img class="aligncenter" src='https://www.salvenmoser.org/wordpress/Images/Drachenflieger_sw.jpg' style=border:0px solid #cc3300;" alt="Move your mouse over me" name="sub_but">
 </a>[/one-half-first]
[one-half]<a href="https://www.salvenmoser.org/wordpress/der-glaser" target="_top" onmouseover="document.sub_but1.src='https://www.salvenmoser.org/wordpress/Images/Glaser.jpg'" onmouseout="document.sub_but1.src='https://www.salvenmoser.org/wordpress/Images/Glaser_sw.jpg'">
 <img class="aligncenter" src='https://www.salvenmoser.org/wordpress/Images/Glaser_sw.jpg' style=border:0px solid #cc3300;" alt="Move your mouse over me" name="sub_but1">
 </a>[/one-half]

    Let me know if you run into any issues!

    Nick

    Thread Starter hemorider175

    (@hemorider175)

    Hi Nick,

    works perfect!

    Thanks

    Plugin Author Nick Diego

    (@ndiego)

    Awesome, let me know if you have any further questions!

    Nick

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Center Data in [one-half]’ is closed to new replies.