0

I am trying to create code for a school website - it's basically an embedded code app on a pre-built site (Blackboard/Schoolwires site).

I'm VERY much an amateur and often pull from Codepen as my baseline, then edit and adapt to make it work for me. The problem I run into is that the embed code sometimes overrides the site code -- for example, the headline formatting in the embed spills onto the Blackboard header/footer.

I have tried to contain the embed code in a div class and a few other things, but I'm missing something. The page I am referring to in this instance is HERE.

Any help would be appreciated! I am a teacher just trying to help update this site with my limited knowledge of code and I am definitely missing a lot.

GBee
  • 1
  • The code is too long to post, but here is a link to a Codeine version: https://codepen.io/gbbartlett/pen/wvmbRyq? – GBee Aug 26 '22 at 12:50
  • Would an iframe help you? That would prevent interaction problems, but it would also prevent interaction between your code and the school's website, should you need that. – That'sIs JustCrazy Nov 02 '22 at 14:38

1 Answers1

1

You have to give the CSS that overrides the main code.

Also, you have to share the main code that's prewritten and the HTML code where you want to apply your design. Otherwise, it will be tough for others to identify the problem and make it for you.

cottontail
  • 10,268
  • 18
  • 50
  • 51
EMRAN HOSSAIN
  • 101
  • 5