-
Posts
-
If you look at the linked page some of the images/ content is breaking in tablet/desktop (easily noticable at 950px but you can see it even larger screen) and mobile (in mobile try 360 width). The images and content are larger than the section
If you need images I’m happy to upload some. If you can help me that would be appreciated.
Hey planttilesseo,
Thank you for the inquiry.
There seems to be a lot of images in the page and we are not sure which one(s) you were referring to. Please provide a screenshot using platforms like Savvyify, Imgur or Dropbox. 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,
Ismaelshows problematic images – 360px , 820px and 1024px
Hi,
The width of the images is defined as an inline style, which is why they don’t respond correctly to their container. You have to remove the style attribute from the attachment markup.
This is the markup of the image in the “Little Village Early Learning” entry for example:
<div id="attachment_398" style="width: 310px" class="wp-caption alignnone"><img aria-describedby="caption-attachment-398" decoding="async" class="wp-image-398 size-medium jetpack-lazy-image jetpack-lazy-image--handled" src="https://site.com/wp-content/uploads/2017/05/IMG_0928-768x402.jpg?resize=300%2C157&ssl=1" alt="" width="300" height="157" data-recalc-dims="1" sizes="(max-width: 300px) 100vw, 300px" data-recalc-dims="1" /></noscript> <p id="caption-attachment-398" class="wp-caption-text">Dichondra repens in between paving at a childcare centre.</p> </div>Best regards,
IsmaelSo what am i deleting. It says the below in edit testimonial in the text tab
It says
[caption id="attachment_396" align="alignnone" width="300"]<img src="https://www.planttiles.com.au/wp-content/uploads/2017/05/cropped-Zoysia-OOAK-768x438-300x171.jpg" alt="" width="300" height="171" /> This is as long as the deep green, no mow Zoysia tenuifolia grows and is a lovely texture for children to play on.[/caption] [caption id="attachment_397" align="alignnone" width="300"]<img src="https://www.planttiles.com.au/wp-content/uploads/2017/05/cropped-dichondra-OOAK-768x629-300x246.jpg" alt="" width="300" height="246" /> Children love walking on the soft, cool Dichondra repens leaves.[/caption] To the wonderful team at Plant tiles Australia, we cannot thank you enough for our wonderful zoysia and dichondra plant tiles they are doing very well and thriving in our juniors play ground. The Children absolutely love walking on it with bare feet and it has provided such a lovely feature to our yard. We cannot wait to start our renovations in the next playground towards the end of the year so we can get more!!!!! Thank you for such great service, look forward to doing business with you again soon.Take care!”
It’s happening to four different testimonials
1) Enrich Interiors and DC Landscapes
Plant Tiles ground cover provides instant make over!2) Outdoor Secrets Landscaping
3) Little Village Early Learning
Childcare centre in Buderim, Qld, Australia.4) Jyana and Larissa
Little Willow Early Learning CentreYeah when i removed the width on the captions it fixed 2/4 but also broke the captions. So i used <figure> to fix those.
On the other 2 I needed to add wordbreak on a couple of the longer words and they were breaking the container
Hi,
Are you using the br tag? Seems to work when we tested it on one of the paragraphs.
<p style="font-weight: 400;">It took us a while to chop up your 40-odd tiles into 9 and plant them (+ it felt a bit sad, too, but it was the only way we could afford Zoysia). <br> <br> <br> But we finished a couple of days ago yay. See photo attached. The first ones we planted last week are already taking root and have visibly started growing a bit <img draggable="false" role="img" class="emoji" alt="🙂" src="https://site.org/images/core/emoji/14.0.0/svg/1f642.svg"></p>We added 3 br tags in the paragraph, right before the sentence “But we finished a couple of days ago yay.”.
Best regards,
IsmaelIt’s okay. The fixes i used above are working
Instead of captions I used <figure> tag
and 2 of the longer words in other posts i used wordbreak.The Pages seems okay now
Hi,
Glad to hear that you have this sorted out, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
Mike
- The topic ‘Avia Testimonial and image/section responsiveness’ is closed to new replies.