Jean Christophe Garbez

Thank you for your help @jordesign.

Could you recommend any other checker?

I am just concerned that because the html code is not validated according to the W3C standards, it will affect negatively my site SEO. What would you recommend?

Some update to my questions. I have been running other pages through the same Nu html checker tool ( you can find it at https://validator.w3.org/nu/ ), and I got the same errors. For example, if you run the following URL https://2024.wordpress.net/index.php/entrepreneur-demo/ ( a demo of the TT4 theme ) through the checker, you get exactly the same errors report regarding the rotate property…..

Which make me believe the issue is on the Nu html checker tool, not on the html code itself. But again, I a really new to all this, so….

Hi Kavya, thank you for your answer. Please find below a larger snippet of the html code. I have copy / paste the section of the code where the rotate property, which is pointed out by the html checker, is showing. Please, let me know if you need anything else to diagnose the problem

<style id='wp-block-paragraph-inline-css'> .is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}p.has-background{padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg} </style> <style id='wp-block-spacer-inline-css'> .wp-block-spacer{clear:both} </style> <link rel='stylesheet' id='wp-block-cover-css' href='https://www.seotesting.site/wp-includes/blocks/cover/style.min.css?ver=6.4.3' media='all' /> <style id='wp-block-cover-inline-css'> .wp-block-cover{border-top-width: 0px;border-top-style: none;border-right-width: 0px;border-right-style: none;border-bottom-width: 0px;border-bottom-style: none;border-left-width: 0px;border-left-style: none;color: var(--wp--preset--color--contrast);margin-top: 0px;margin-bottom: 0px;padding-top: 0px;padding-right: 0;padding-bottom: 0px;padding-left: 0;}.wp-block-cover-is-layout-flow > :first-child:first-child{margin-block-start: 0;}.wp-block-cover-is-layout-flow > :last-child:last-child{margin-block-end: 0;}.wp-block-cover-is-layout-flow > *{margin-block-start: 0px;margin-block-end: 0;}.wp-block-cover-is-layout-constrained > :first-child:first-child{margin-block-start: 0;}.wp-block-cover-is-layout-constrained > :last-child:last-child{margin-block-end: 0;}.wp-block-cover-is-layout-constrained > *{margin-block-start: 0px;margin-block-end: 0;}.wp-block-cover-is-layout-flex{gap: 0px;}.wp-block-cover-is-layout-grid{gap: 0px;} .wp-block-cover a:where(:not(.wp-element-button)){color: var(--wp--preset--color--contrast);} </style> <style id='wp-block-heading-inline-css'> h1.has-background,h2.has-background,h3.has-background,h4.has-background,h5.has-background,h6.has-background{padding:1.25em 2.375em}h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h1.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h2.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h2.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h3.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h3.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h4.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h4.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h5.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h5.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h6.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h6.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]){rotate:180deg} .is-style-asterisk:before { content: ''; width: 1.5rem; height: 3rem; background: var(--wp--preset--color--contrast-2, currentColor); clip-path: path('M11.93.684v8.039l5.633-5.633 1.216 1.23-5.66 5.66h8.04v1.737H13.2l5.701 5.701-1.23 1.23-5.742-5.742V21h-1.737v-8.094l-5.77 5.77-1.23-1.217 5.743-5.742H.842V9.98h8.162l-5.701-5.7 1.23-1.231 5.66 5.66V.684h1.737Z'); display: block; } /* Hide the asterisk if the heading has no content, to avoid using empty headings to display the asterisk only, which is an A11Y issue */ .is-style-asterisk:empty:before { content: none; } .is-style-asterisk:-moz-only-whitespace:before { content: none; } .is-style-asterisk.has-text-align-center:before { margin: 0 auto; } .is-style-asterisk.has-text-align-right:before { margin-left: auto; } .rtl .is-style-asterisk.has-text-align-left:before { margin-right: auto; } </style>

And one line at a time, lets start by the first one :

Line 47

<style id=’wp-block-paragraph-inline-css’>
.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}p.has-background{padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*=”writing-mode:vertical-lr”],p.has-text-align-right[style*=”writing-mode:vertical-rl”]{rotate:180deg}
</style>

You can see the full code looking directly at the referred URL.

• This reply was modified 8 months ago by Jean Christophe Garbez.
• This reply was modified 8 months ago by Jean Christophe Garbez.

thank you for your answer James, I have create a new topic in the TT4 support forum

Hi James, thank you for your answer.

I am well aware of the difference between wordpress.com and www.remarpro.com, but thank you for the reminder.

The reason I did not ask for help in the TT4 help forum is that I believe this subject is theme independent. I have been changing theme, using TT3 and TT2 and I have the same issue. It is more related to the use of Row, Stack and Group blocks in the latest version of WordPress, because they all have the possibility to add a background image. My question is how do I control the behavior of this backgroung image.

Please confirm your recommendation to change this post to the TT4 help forum.

Hi.

Update on my probem:

After desinstalling and reinstalling WordPress on the server, the problem vanished.

I guess my first installation was corrupted somehow.

Best regards

Jean-Christophe

Thanks so much Lisa for your time. I have just create a local site on my computer using LocalWordPress software, and I have created a post with the same steps I used to create my live site, and the post is just showing as expected, no alignment issue.

As I am a newbye with WordPress, I thought I was setting the blocks improperly, but it looks the problem is elsewhere. It might be a corrupted WordPress installation, as I remember now that I have some trouble during installation ( moving the site from Local environment to hosting site ).

I think there is no point to keep spending time on this, it will be faster for me to backup my content and make a new and fresh install of WordPress, as this issue looks really odd…

I let you know when I am done

Best regards and thanks again for your help

• This reply was modified 1 year, 1 month ago by Jean Christophe Garbez.
• This reply was modified 1 year, 1 month ago by Jean Christophe Garbez.

I have created another post with some screenshots

https://americana64.site/screenshot/

I haven t copied the screenshot yet in the post, but I have created a new post as per your request : https://americana64.site/test/

I a still using TT3, I will now test with Frost.

It is hard to tell if the image are centered in this new post as there is no paragraph on top to see as a reference

• This reply was modified 1 year, 1 month ago by Jean Christophe Garbez.

Hi Lisa,

Thank you for your support.

I have added a background color to each column as request

I am add screen captures of what I have in the Editor view and what I have inthe browser view so you could better help me with that.

• This reply was modified 1 year, 1 month ago by Jean Christophe Garbez.

I have reached Draw Attention support team by email and they were able to help me. The problem was caused by a conflict with another plugin, more precisely FSM Custom Featured Image Caption, Once I desactivated this plugin, I was able to use the Draw Attention plugin without any problem.

Thanks again to Draw Attention support team.

Thank you for your answer.

Every time I re-upload my image, and then hit the Update button to save the settings, the image diseappears! I have done it several time, I have even desinstall and reinstall the plugin, but it just won’t work.

I have been following the guide you mentionned from the beginning, step by step.

I dont have a Customize option in the Appearance section of the WP – Admin, remember I am using Twenty Twenty Three theme, which is using the FSE. I have nevertheless accesed the /wp-admin/customize.php page, and there is no Content Options section.

I will send an email at the address you suggest.

Best regards

Jean Christophe

I have added the code in the Additionnal CSS edit field and the caption fields are now hidden in the Archive page. That was fast.

Thank you so much Steven !

I know how to hide the caption of the Featured Image in the post itself, but I want to have the caption showing in the post, but hiding in the Archive page. I have been filling the caption field directly in the Media Library for all my images.

I have been posting this issue on the theme developer support forum.
In the meanwhile I have modified the theme CSS to correct the problem.
Thank you Otto for your help