B and B Image Grid bugs

Hi, Thanks for a great product Theme X, superb. So I have a nasty little problem. I am working with the B and B demo and when I try to change the content in the Image Grid demos the front end goes into a bad layout. I will talk through my steps. Number 1 I click on the section (pic 1)

Then when I click up to Rich Text from HTML (pic 2)

The image block warps (I havent eben changed any text or anything at this point. (pic 3) This then stays like this.

I need a fix for the front page when I accidentally saved this before relising the damage was done (pic 4)

Thnankyou for your help

Ps I have advanced editor on if that makes a difference.

Hey Gareth,

Not sure what you mean by Pic 1 to 4. I believe those are screenshots that weren’t uploaded?

Anyway, if you’re referring to editing the images under the Explore our rooms headline, you should not switch to Rich Text mode as the Rich Text editor will format it inserting p tags and wrapping inline elements such as links.

Below is the unmodified HTML of the B n B demo. Paste it in the Text element to go back to the original layout. Remember not to use the Rich Text editor for this case. To be safe, use a Raw Content element as that doesn’t have a Rich Text editor.

<div class="x-bnb-image-grid">

  <a href="http://demo.theme.co/bed-and-breakfast-v2/accommodations/murphy-standard/">
    <span class="bg"><img src="http://dev-pro2.pantheonsite.io/wp-content/uploads/bg-standard-2.jpg" style="height: 100%;width: auto !important"></span>
      <span>Murphy Standard</span>
      <small>From $149 a Night</small>

  <a href="http://demo.theme.co/bed-and-breakfast-v2/accommodations/murphy-exclusive/">
    <span class="bg"><img src="http://dev-pro2.pantheonsite.io/wp-content/uploads/bg-exclusive-2.jpg" style="height: 100%;width: auto !important"></span>
      <span>Murphy Exclusive</span>
      <small>From $289 a Night</small>



If that is not the issue, please give us the URL of the page and login credentials to your WordPress Admin in a Secure Note


Hi Christian, Thanks for the code to get back, thats great, I have the original layout back in place. Thanks

However, how do I go about editing these sections, must it be only in HTML? If so why is this the case? All other elements are changeable in the demos? :slight_smile:

I have sent a secure note with my details in case you need them.

Thanks Christian.

Hey Gareth,

To your question:

That is to demonstrate what you can do in the builder. That teaches how you can add custom HTML and CSS. If a demo includes custom HTML, it must be edited using HTML only. Other elements that don’t contain custom HTML should be edited normally using element options.

Hope that answers your question.

1 Like

Okey dokey, thanks for the support. Great job. :grinning:

All the best

You’re welcome!
We’re glad @Christian were able to help you out.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.