Home Forums Porto Template RE: Centering Section for full size browser with image and title

This topic contains 1 reply, has 2 voices, and was last updated by  Support2 3 weeks, 4 days ago. This post has been viewed 70 times

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #10030529

    trimore
    Participant

    Here is the code I am using for the section that is not centering in full browser. It is fine when I reduce the browser, but does not center image and puts title and names to the right of their picture. I have applied the code you provided for responsive design and it works okay when I reduce the browser size, but does not center when the browser is in full view. Please help me to fix this issue.
    <div id=”friends”class=”container”>
    <div class=”row”>
    <div class=”col-md-12 center”>
    <h1>Friends of the Reciprocity Project</h1>
    <h2 class=”mt-xl mb-none”></h2>
    <div class=”divider divider-primary divider-small divider-small-center mb-xl”>
    <hr>
    </div>
    </div>
    </div>

    <div class=”row mt-lg”>
    <div class=”col-xs-8 col-xs-offset-2 col-md-12″;
    <div class=”owl-carousel owl-theme owl-team-custom show-nav-title” data-plugin-options='{“items”: 4, “margin”: 10, “loop”: false, “nav”: true, “dots”: false}’>
    <div class=”center mb-lg”>



    <h4 class=”mt-md mb-none”><font color=”a10d20″>NICK GALL</font><br>Senior Partner</H4>
    <p class=”mb-none”><br></p>
    <p class=”mb-none”>Hong Kong</p>
    <p class=”mb-none”>GALL LLP</p>
    <span class=”thumb-info-social-icons mt-sm pb-none”>
    <!–
    <i class=”fa fa-facebook”></i><span>Facebook</span>
    <i class=”fa fa-twitter”></i><span>Twitter</span>
    <i class=”fa fa-linkedin”></i><span>Linkedin</span>
    </p>
    –>
    </div>
    <div class=”center mb-lg”>



    <h4 class=”mt-md mb-none”><font color=”a10d20″>BO HU</font><br>Of Counsel<br>Cross Border M&A</h4>
    <p class=”mb-none”>Beijing</p>
    <p class=”mb-none”>Anjie LLC</p>
    <span class=”thumb-info-social-icons mt-sm pb-none”>
    <!–
    <i class=”fa fa-facebook”></i><span>Facebook</span>
    <i class=”fa fa-twitter”></i><span>Twitter</span>
    <i class=”fa fa-linkedin”></i><span>Linkedin</span>
    </p>
    –>
    </div>
    <div class=”center mb-lg”>



    <h4 class=”mt-md mb-none”><font color=”a10d20″>TODD KING</font><br>Founder and CEO</font></h4>
    <p class=”mb-none”><br></p>
    <p class=”mb-none”>San Clemente, CA</p>
    <p class=”mb-none”>Amer Asia Law LLC</p>
    <span class=”thumb-info-social-icons mt-sm pb-none”>
    <!–
    <i class=”fa fa-facebook”></i><span>Facebook</span>
    <i class=”fa fa-twitter”></i><span>Twitter</span>
    <i class=”fa fa-linkedin”></i><span>Linkedin</span>
    </p>
    –>
    </div>
    <div class=”center mb-lg”>



    <h4 class=”mt-md mb-none”><font color=”a10d20″>DR. GEORGE LIN</font><br>Managing Partner<br>M&A Litigation</H4>
    <p class=”mb-none”>Taipei</p>
    <p class=”mb-none”>LIN & Partners LLC</p>
    <span class=”thumb-info-social-icons mt-sm pb-none”>

    </div>
    <div class=center mb-lg”>



    <h4 class=”mt-md mb-none”><font color=”a10d20″>ROBERT LOU</font><br>Senior Counsel<br>M&A Litigation</H4>
    <p class=”mb-none”>Taipei</p>
    <p class=”mb-none”>LIN & Partners LLC</p>
    <span class=”thumb-info-social-icons mt-sm pb-none”>
    </div>
    <div class=center mb-lg”>



    <h4 class=”mt-md mb-none”><font color=”a10d20″>GEOFFREY SANT</font><br>Partner-Litigation</H4>
    <p class=”mb-none”>New York City, NY</p>
    <p class=”mb-none”>Pillsbury Winthrop<br>Shaw Pittman LLPO</p>
    <span class=”thumb-info-social-icons mt-sm pb-none”>
    </div>
    <div class=”center mb-lg”>



    <h4 class=”mt-md mb-none”><font color=”a10d20″>HELEN SU</font><br>Partner</h4>
    <p class=”mb-none”><br></p>
    <p class=”mb-none”>Beijing/Washington D.C.</p>
    <p class=”mb-none”>Alston & Bird LLC</p>
    <!–
    <p><i class=”fa fa-envelope”></i> info@reciprocityproject.org</p>
    –>
    <span class=”thumb-info-social-icons mt-sm pb-none”>
    <!–
    <p><i class=”fa fa-linkedin”></i><span>Linkedin</span>
    </p>
    –>
    </div>
    <div class=”center mb-lg”>



    <h4 class=”mt-md mb-none”><font color=”a10d20″>YING WANG</font><br>Partner<br>Intellectual Property</font></h4>
    <p class=”mb-none”>Beijing</p>
    <p class=”mb-none”>Anjie LLC</p>
    <span class=”thumb-info-social-icons mt-sm pb-none”>
    <!–
    <i class=”fa fa-facebook”</i>span>Facebook</span>
    </p>
    –>
    </div>
    </div>
    </div>
    </div>
    </div>
    </div>

    Please view the website in full browser and reduced browser.
    One page website


    #10030535

    Support2
    Keymaster

    Hello,

    The HTML code you provided has various syntax errors and probably this is the issue.

    Please try with this code:
    https://pastebin.com/raw/tAN9J6ZC

    Kind Regards,

    Rodrigo.


Viewing 2 posts - 1 through 2 (of 2 total)