Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #757535

    On the following page:

    http://www.jabble.jp/teacher-staff-introduction/

    I entered the following CSS to center the information:

    
    .page-id-1195 h3.team-member-name  {
        text-align: center;
    }
    
    .page-id-1195 div.team-member-job-title {
        text-align: center;
    }
    
    .page-id-1195 div.team-member-description {
        text-align: center;
    }
    

    In a mobile browser, the information is centered correctly, but on a PC browser it’s not. Any idea why?

    Thank you.

    Kelly

    #757580

    Hi jabbler!

    Thank you for contacting us.
    Please add the following and let us know if it works for you

    body .container_wrap .avia-builder-el-no-sibling { text-align: center !important; }
    

    Thanks a lot

    Best regards,
    Basilis

    #757665

    Didn’t work unfortunately.

    #759228

    Any advice?

    Thank you!

    Kelly

    #760537

    Hi Kelly,

    The css rule provided by Basilis should work. Depends on where you put it though or wether the cache has been flushed.

    I put this line in your enfold child css file on Chrome console and it worked fine, no need even for the !improtant;

    Please try again and Let us know if it worked for you.

    Best regards,
    Victoria

    #760694

    It seems to have worked after flushing both the plugin cache and browsing cache!

    Thank you so much for your help again and I apologize for giving you extra work.

    Kelly

    #761177

    Hi Kelly,

    Great, glad you got it working. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

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

The topic ‘Team member info alignment’ is closed to new replies.