HTML code not staying
-
I enter my html code and when i click preview my site looks like i coded it to look. Then I save it. Then i click visit site and it appears to be removing the start of my code which styles things . How can I fix this?
WP.com: Yes
Jetpack: No
Correct account: YesThe blog I need help with is: (visible only to logged in users)
-
The html code you can use on the wordpress.com platform is very limited – https://wordpress.com/support/wordpress-editor/blocks/custom-html-block/#supported-html-tags
To be able to use any code, you must upgrade to the Business Plan.
What code and why were you trying to use?
-
Here is my HTML code:
<html> <head> <style> img { display: block; margin-left: auto; margin-right: auto; } html, body { background-color: black;} h1 {color: yellow; text-align: center; font-family: Candara;} h4 {color: yellow; text-align: center; padding: 50px; font-family: Candara;} p {margin-bottom: 250px; color: yellow; text-align: center ; font-family: Candara; } a {color: blue; font-family: Candara;} </style> </header> <body> <img src="https://i.ibb.co/HzRZb5S/Grownfolks-PUBG-Logo.png" width="650" height="650"> <h1> Welcome to the Battlegrounds! </h1> <p><h4> Grownfolks PUBG Clan is a large group of players who enjoy working together to try to win those chicken dinners and having fun in the process. There is no skill level requirement to join, just be willing to use a mic and communicate with other members respectfully . </h4> <img src="https://i.ibb.co/nfhfFz3/xxcharlesxx.jpg" width="100%"> <p style="margin-bottom: 20px"> <h4> Looking to join a squad of people whom you can count on and play with on a regular basis? Tired of dealing with rambo randoms or people with no mics? Want to play with a squad that hosts monthly custom matches for its members? Then you should go ahead and join our discord chat where we communicate when we are online and use voice chat for both console users.<a href="https://discord.gg/rYZBhvE"> CLICK HERE TO JOIN OUR DISCORD</a> Stop having to put up with randoms who do not want to play together as a team. Join this active clan that is always welcoming more members to play with. </h4> </p> <center>[youtube=https://www.youtube.com/watch?v=5B6pNzQQTLE&w=1080&h=650]</center> </body> </html> -
everything between <html> and <body> gets stripped because you can’t put that code inside an already excisting <body> tag. All following html can be achieved with our Blocks.
-
Sorry , this is my updated code: I dont understand why it works in preview but not website :
<html> <head> <style> img { display: block; margin-left: auto; margin-right: auto; } html, body { background-color: black;} h1 {color: yellow; text-align: center; font-family: Candara;} p {margin-bottom: 250px; color: yellow; text-align: center ; padding: 50px;font-family: Candara; } a {color: blue; font-family: Candara;} </style> </head> <img src="https://i.ibb.co/HzRZb5S/Grownfolks-PUBG-Logo.png" width="650" height="650"> <h1> Welcome to the Battlegrounds! </h1> <p> Grownfolks PUBG Clan is a large group of players who enjoy working together to try to win those chicken dinners and having fun in the process. There is no skill level requirement to join, just be willing to use a mic and communicate with other members respectfully . </p> <img src="https://i.ibb.co/nfhfFz3/xxcharlesxx.jpg" width="100%"> <p > Looking to join a squad of people whom you can count on and play with on a regular basis? Tired of dealing with rambo randoms or people with no mics? Want to play with a squad that hosts monthly custom matches for its members? Then you should go ahead and join our discord chat where we communicate when we are online and use voice chat for both console users.<a href="https://discord.gg/rYZBhvE"> CLICK HERE TO JOIN OUR DISCORD</a> Stop having to put up with randoms who do not want to play together as a team. Join this active clan that is always welcoming more members to play with. </p> <center>[youtube=https://www.youtube.com/watch?v=5B6pNzQQTLE&w=1080&h=650]</center> </body> </html> -
<html> <head> <style> img { display: block; margin-left: auto; margin-right: auto; } html, body { background-color: black;} h1 {color: yellow; text-align: center; font-family: Candara;} h4 {color: yellow; text-align: center; padding: 50px; font-family: Candara;} p {margin-bottom: 250px; color: yellow; text-align: center ; font-family: Candara; } a {color: blue; font-family: Candara;} </style> </head> <body> <img src="https://i.ibb.co/HzRZb5S/Grownfolks-PUBG-Logo.png" width="650" height="650"> <h1> Welcome to the Battlegrounds! </h1> <p><h4> Grownfolks PUBG Clan is a large group of players who enjoy working together to try to win those chicken dinners and having fun in the process. There is no skill level requirement to join, just be willing to use a mic and communicate with other members respectfully . </h4> <img src="https://i.ibb.co/nfhfFz3/xxcharlesxx.jpg" width="100%"> <p style="margin-bottom: 20px"> <h4> Looking to join a squad of people whom you can count on and play with on a regular basis? Tired of dealing with rambo randoms or people with no mics? Want to play with a squad that hosts monthly custom matches for its members? Then you should go ahead and join our discord chat where we communicate when we are online and use voice chat for both console users.<a href="https://discord.gg/rYZBhvE"> CLICK HERE TO JOIN OUR DISCORD</a> Stop having to put up with randoms who do not want to play together as a team. Join this active clan that is always welcoming more members to play with. </h4> </p> <center>[youtube=https://www.youtube.com/watch?v=5B6pNzQQTLE&w=1080&h=650]</center> </body> </html> -
so basically Im not allowed to style my page using HTML?
How can I force the background to be black and the words to be yellow ?
-
Almost every block has the possibility to style text colour and background colour – https://wordpress.com/support/wordpress-editor/blocks/group-block/#block-styles
- The topic ‘HTML code not staying’ is closed to new replies.
WordPress.com Forums 