Personal Page vs. Team Page Coding Issue

Options
Hello! Can anyone tell me what I need to update in the code to make the right panel on Team Pages appear the same way it does on Personal Pages? I have included two sample links below, to a Personal Page and a Team Page on our TR Site. Any help is greatly appreciated. Thanks in advance!


Personal Page - http://give.victoryjunction.org/site/TR/Events/General?px=1143104&pg=personal&fr_id=1220


Team Page - http://give.victoryjunction.org/site/TR/Events/General?team_id=1963&pg=team&fr_id=1220
Tagged:

Comments

  • Looks nice.


    So on the Personal page you have a class on the content container, which is missing on the team page. That class is what sets the 66% width on that column.


    See attached.


  • If you don't use Page Inspector in your browser's Dev Tools, you should take a little while to explore.


    Right Click on any item in your Browser and choose Inspect Element. A window will open showing your source code on the left, and all the CSS that is affecting the selected item on the right.

    https://developer.mozilla.org/en-US/docs/Tools/Page_Inspector


    Internet Explorer's Dev Tools works a bit differently than Firefox and Chrome, but the basics are still the same. I assume that also goes for Safari.


    There's a ton more power in Dev Tools, but the Page Inspector is simple to use and completely indispensible.


    BPM

  • Austen Brown
    Austen Brown ✭✭✭✭✭
    Ninth Anniversary Facilitator 4 Name Dropper Photogenic
    Brian Mucha‍ - Thank you so much! This is very helpful information! Do you happen to know I can find the Team Page code on the back end of LO?
  • I think it's probably in the Page Wrapper.


    It's also possible it's in a reusable Pagebuilder page, depending on how it was made.


    BPM

Categories