chandra9000
Forum Replies Created
-
Forum: Fixing WordPress
In reply to: I can’t expand a banner from left to rightYes it works!!
Yes it works!!
Yes it works!!
Check if the Image block has an option to change its Alignment:
https://wordpress.org/documentation/article/group-block/#change-alignment
Usually there is an option to change it to “Full-Width”.Yes it has it!!
Now it works perfectly, on the first try!!
Yes it works!!
Thank you very much to everyone who has helped me, a hug from Málaga, Spain 🙂
Forum: Fixing WordPress
In reply to: I can’t expand a banner from left to rightHi adeel1973, thanks for your help.
In the right sidebar, look for the “Width” option-set it to Full width or Wide width
The field “Width” in the right sidebar is a numeric field (with arrows up/down), and it and the “Height” below have the dimensions of the picture: 2560 x 425.
There is a dropdown list, “Object Fit”, with these values: Default, Fill, Cover, Contain, but none of them produce any effect (the picture stays centered up, fixed on the same size, without expanding), so I put it on “Fill”.
If your theme doesn’t allow full width, try adding this CSS:
…
Then, give your image the class banner.I don’t know how to give class names to objects (images, paragraphs, etc -yes outside WP, in pure CSS/HTML with a text editor, but not inside WP), but I add this CSS:
img {
border: 5px solid red;
}And it works!!
But if I write this:
img {
width: 100%;
height: auto;
object-fit: fill;
display: block;
}it doesn’t work, the picture stays the same 🙁
Sometimes the image is inside a (div) that has a max-width (like 1200px)
This could work, but how do I know wich is the div of my picture?
I’ve tried the Object Inspector of Chrome, but the source code is an incredible mess. I think this is the div I’m looking for:
<div class="wp-block-uagb-image uagb-block-6fe4a989 wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-none"><figure class="wp-block-uagb-image__figure"><img decoding="async" srcset="https://rosatintado.com/wp-content/uploads/2025/10/prueba-2.jpg ,https://rosatintado.com/wp-content/uploads/2025/10/prueba-2.jpg 780w, https://rosatintado.com/wp-content/uploads/2025/10/prueba-2.jpg 360w" sizes="auto, (max-width: 480px) 150px" src="https://rosatintado.com/wp-content/uploads/2025/10/prueba-2.jpg" alt="prueba" class="uag-image-2931" width="2560" height="425" title="prueba" loading="lazy" role="img"></figure></div>¿¿??
🙁
A.Ahmad, Italy
Regards from Málaga, Spain…
Forum: Fixing WordPress
In reply to: I can’t expand a banner from left to rightHi Jair, thank you very much for your help.
Yes, I’m using Gutenber with Astra, but the theme isn’t important, I chose it because it is very famous but I can use any other, because my website it’s very simple: it will have only one page (the homepage) with only two elements:
- A picture above from left to right, that automatically expands to fit the window size. This is the difficult part, actually impossible for me.
- A simple contact form below the picture, but this is relatively easy, I have already achieved it.
This is all.
I’ll read now all the documentation you tell me, but really is so difficult to make in WP a simple code like this? :
<head>...<head>
<body>
<img style="max-width: 100%; object-fit: fill" src="prueba.jpg">
</body>This is the result:
https://rosatintado.com/prueba.html
Wouldn’t be possible to write that simple .html file in a text editor (as you can see it has only a few bytes long) and then integrate that external .html file inside my website in WP?
Thank you very much…