IT Solutions Team Columns

Home Forums IT Consultant Support IT Solutions Team Columns

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #104365
    Joe NazariJoe Nazari
    Participant
    • Topics: 1
    • Replies: 6
    • Total: 7
    Member since: March 17, 2015

    Shri, below the shortcode for the team on the IT Solutions template. When I change the show=”2″ to from 4, the two columns show up, but aligned left. If I change the col=”2″ to 2, then I see 2 columns and they are aligned in center, but they are two big. How do I make sure the original size stays the same and only two columns should show and aligned center, below is the code and image:

    Original:
    [titlearea align=”center” title=”OUR TEAM” titlelast=”” subtitle=”” titlecolor=”#444444″ titlelastcolor=”” seperatorcolor=”#3dbad5″]
    [ourteam col=”4″ show=”4″ excerptlength=””]

    Original

    Changed to:
    [titlearea align=”center” title=”OUR TEAM” titlelast=”” subtitle=”” titlecolor=”#444444″ titlelastcolor=”” seperatorcolor=”#3dbad5″]
    [ourteam col=”4″ show=”2″ excerptlength=””]

    Result:

    col4-show2

    Changed to:
    [titlearea align=”center” title=”OUR TEAM” titlelast=”” subtitle=”” titlecolor=”#444444″ titlelastcolor=”” seperatorcolor=”#3dbad5″]
    [ourteam col=”2″ show=”2″ excerptlength=””]
    Result:

    col-2-show-2

    Regards,
    Joe

    #104369
    Joe NazariJoe Nazari
    Participant
    • Topics: 1
    • Replies: 6
    • Total: 7
    Member since: March 17, 2015

    I applied the below code to the customized CSS field and it did not work. Again, I want to see two columns, centered
    and the box side should NOT change. But the box size changed and two huge boxes display which makes the team section look too big and ugly. How do I fix this please. Please see the site: http://www.technolv.com

    Code:

    #wpsm_team_2_b_row_231 .wpsm_team_2_b_desig { display:none !important;}

    Nothing works.

    Thanks,
    Joe

    #104445
    Sonl SinhaSonl Sinha
    Keymaster
    • Topics: 10
    • Replies: 6987
    • Total: 6997
    Member since: June 12, 2013

    Hi,

    Kindly use below code in that section:

    <div style="max-width: 600px; margin: 0 auto;">
    [titlearea align="center" title="OUR TEAM" titlelast="" subtitle="" titlecolor="#444444" titlelastcolor="" seperatorcolor="#3dbad5"]
    [ourteam col="2" show="2" excerptlength=""]
    </div>

    Regards,
    Shri

    #104544
    Joe NazariJoe Nazari
    Participant
    • Topics: 1
    • Replies: 6
    • Total: 7
    Member since: March 17, 2015

    Thanks Shri,

    The code did not work. I still see that section with the wrong column size. It is not the same size as changing the column to show=4 and col=2. Columns as too big.

    Thanks,
    Joe

    #104594
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 31024
    • Total: 31024
    Member since: August 16, 2013

    Hi,

    Use this Original shortcodes

    [titlearea align=”center” title=”OUR TEAM” titlelast=”” subtitle=”” titlecolor=”#444444″ titlelastcolor=”” seperatorcolor=”#3dbad5″]
    [ourteam col=”4″ show=”4″ excerptlength=””]

    After that… kindly go to Appearance >> Theme Options >> Basic Settings >> Custom CSS Box:

    Add this code there:

    .home_section5_content { text-align:center;}
    .home_section5_content .cols4 { float:none; display:inline-block; text-align:center;}

    Regards,
    Dave

    #104641
    Joe NazariJoe Nazari
    Participant
    • Topics: 1
    • Replies: 6
    • Total: 7
    Member since: March 17, 2015

    That worked! As always, appreciate the help.

    Thanks,
    Joe

    #104734
    Sonl SinhaSonl Sinha
    Keymaster
    • Topics: 10
    • Replies: 6987
    • Total: 6997
    Member since: June 12, 2013

    🙂

Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.