div html codes disappear once it is uploaded to the wordpress page

  • dshin04 · Member ·

    Hello. I am new to WordPress.

    I am trying to put this html code below on the WordPress.

    However, once I upload these html codes, all my div with different attributes disappear:
    ————–
    <!DOCTYPE html>
    <html>
    <head>

    <style>
    #back {
    background-color: black;
    width: 690px;
    height: 730px;
    border: 7px solid black;
    padding: 10px;
    float: left;}

    #layer1 {
    background-color: white;
    width: 25px;
    height: 130px;
    float: left;
    box-sizing: border-box;}

    #blackspace {
    background-color: black;
    width: 25px;
    height: 130px;
    float: left;
    box-sizing: border-box;}

    #row {
    background-color: black;
    width: 100%;
    height: 10px;

    float: left;
    }
    </style>
    </head>
    <body>

    </div>

    </map>

    </body>
    </html>

    ———————–

    If anyone could help me how I could put those attibutes on the wordpress page. Ultimately, I would like to keep the code without using the shortcode. I have to use popup feature dedicate to those indivisual boxes. This is like a shelf idea.

    Thank you for your time!

  • billh93 · Member ·

    Hey @dshin04,

    What is the WordPress site that you are having trouble with? Please post the link so we can help you out further.

    Best,
    Bill

  • ronagain · Member ·

    Hi dshin04 – I see that you’re a new user. Welcome to WordPress!

    Before you can edit CSS code for your chosen theme, you need to have a WordPress Premium or Business plan. You can learn more about those here.

    If you already have the plan you need, you can get specific CSS help on our CSS Forum.

    Hope that helps!

  • The topic ‘div html codes disappear once it is uploaded to the wordpress page’ is closed to new replies.