Tagged: image, text, vertical alignment
-
AuthorPosts
-
April 26, 2024 at 10:13 pm #1441008
Hello, on my site https://ilredelweb.it/save/prodotti-per-edilizia/isola-termico-per-edifici/le-versioni-di-manti-ceramic/ I would like to align the writing in the blue bands centrally with respect to what should I do in the product image on the left?
Thanks GianlucaApril 27, 2024 at 11:30 am #1441029Hey Gianluca,
I’m getting a 404 page on the link you posted, please check the URL.
Best regards,
RikardApril 27, 2024 at 1:28 pm #1441050April 27, 2024 at 1:29 pm #1441051sorry, here is the correct url: https://ilredelweb.it/save/prodotti-per-edilizia/isolamento-termico-per-edifici/
April 28, 2024 at 10:26 am #1441135Hi,
Thanks for that, the URL is working. I’m not sure exactly what you are looking to alter on the page though, please try explaining your intentions a bit further or post screenshots highlighting them.
Best regards,
RikardApril 28, 2024 at 5:00 pm #1441204April 29, 2024 at 7:36 am #1441249Hi,
Thank you for the link.
Could you elaborate on the changes that you’d like to implement, or provide a screenshot of the changes? You can use platforms like Savvyify, Imgur or Dropbox to upload and share the screenshot. Here are the steps to follow:
1.) Visit the website of your chosen platform, such as Savvyify, Imgur or Dropbox.
2.) Locate the option to upload a file or an image.
3.) Select the screenshot file from your computer or device and upload it to the platform.
4.) After the upload is complete, you will be provided with a shareable link or an embed code.
5.) Copy the link or code and include it in your message or response to provide us with the screenshot.Thank you for taking the time to share the screenshot. It will help us better understand the issue you’re facing and provide appropriate assistance.
Best regards,
IsmaelApril 29, 2024 at 8:05 am #1441251Hi Ismael
https://img.savvyify.com/images/2024/04/29/vertical-aling.png
Here you can find the screenshot, I’d would like to have the text verticaly aligned center with the image on the left, would it be possible?April 29, 2024 at 8:51 am #1441267Hi,
Thank you for the screenshot.
This is possible but you have to wrap the image and text div in another container.
Example:
<div class="av-custom-product-ilre"> <div> IMAGE HERE</div> <div> TEXT HERE</div> </div>
Then add this css code:
.av-custom-product-ilre { display: flex; align-items: center; } .av-custom-product-ilre p { padding: 0 !important; } .av-custom-product-ilre > div:nth-child(2) { margin-left: 20px; }
You can remove the inline padding-left property of the paragraph tags.
Best regards,
Ismael -
AuthorPosts
- You must be logged in to reply to this topic.