By eye, by changing the width of my browser window and watching/matching the behavior of the content box.
Can we clean up some of the validation warnings and errors? Itās a good learning exercise and a highly recommended HTML and CSS practice.
Of course! But like i said i donāt think i can access the files you see. These are lines of code generated by plugins. But i can do the CSS. I have access to style.css.
Hereās what the āHeaderā section, in which i have access, looks like to me:
Do you not have the ability to edit the HTML or the .php files that are imported and become part of the home page code?
Please read post #30 again carefully. The HTML validator looks at the HTML only, not the CSS (there is a different validator for the CSS, https://jigsaw.w3.org/css-validator/ )
Do you understand the intent and the examples shown in post #30?
Can you make any changes to the HTML?
Yes, i do understand. But itās exactly like i showed you in the screenshot. I canāt even view all these lines, not to mention make any changes. I can add code, but not view/edit the code that is generated by plugins. I can assume thereās maybe a way, but if itās not right here in my dashboard, that means WP does not let me do it and i would need some other, most advanced wayā¦ Which i donāt know and iām even scared to try.
OK. Perhaps a Wordpress person could provide some guidance.
Intending to be helpful, I went down the HTML validatorās list of errors and warnings and noted or fixed several easy items on my copy of your code. There are more to be fixed. Perhaps you will be able to fix these and the others someday:
(1) Deleted 3 occurrances of padding:auto;. auto is not a valid value of padding.
(2) Deleted 2 occurrences of type="text/css". type="text/css" is not required in HTML5
(3) Deleted 18 occurrences of type="text/javascript". type="text/javascript" is not required in HTML5
(4) Deleted 45 occurrences of "space"/>. This closing space-slash XHTML convention is not required in HTML. (The closing XHTML slashes did not show up in the HTML validator as warnings or errors.)
(5) All break tag attempts appear to be semantically incorrect and should be replaced by margins or padding as appropriate.
(6) <br /> and </br> are not valid break tags in HTML.
(7) Deleted 3 occurrences of width="100%" height="100%". Image dimensions are expected to reflect the actual size of the image in pixels without a unit of measure.
(8) The <h5> header element cannot contain other block elements such as a list!
(9) An ID can occur only once on a page. There is no value in having a selector with more than one ID!
(10) There is a stray </p> tag in the HTML.
Is there anything else that you want to do in this topic?
1 Like
Do you have access to the full dashboard? If so, click on the plugins, and you will see an editor. Select the plugin you wish to edit and you can make changes to the pluginās code.
Having said that, I really donāt recommend that you change the plugin code directly, because you will lose everything the next time the plugin has an update. And it is a really bad idea to not update the plugins, as this can create a security issue.
2 Likes
Thank you for one more time, ronpat. That was really helpful. I will work with the code cleanup now, thanks to WebMachine i discovered something that i didnt notice before. Just the things you say, nothing risky that could break things.
I believe the topic is closed now.
1 Like
This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.