Image boxes default style

[Miranda Graat]

When I want to make image boxes default style the boxes are not next to eachother as in the demo, but they are placed beneath eachoter. What have I done wrong?

I have copied the code from the wordpad file that is encluded to the theme.

<div class=”pref-img-box”>

<div class=”pref-img-box-content”>
<h3>Default Style</h3>
<p>Maecenas imperdiet tellus quis lectus tincidunt auctor. Mauris libero nisi, varius vel vulputate vel, molestie nec nisl. Proin facilisis mauris nec dui fringilla rhoncus. Mauris varius mi dignissim augue.<p>
</div>
</div>

[Miranda Graat]

Here is the link http://www.knuffelsteenafrika.com/

[Binaya D]

Hi Miranda,

Could you please tell us where have you kept the image boxes, so that it will be easy to both of us to find the solution asap.We hope you understand.

Thanks

[Miranda Graat]

Hi Binaya,

The image boxes are on the homepage http://www.knuffelsteenafrika.com/ on top. I got them a bit on one line now instead of beneath eachother. But they stick together now as one solid row. And no spaces between them.

Miranda

[Miranda Graat]

The code was pasted in the text box on the back end of the website.

[Binaya D]

Hi There,

It is due to the same color of three image boxes but you can use the following css;

.pref-img-box.blue {
    border-left: 3px solid #fff;
}

NOTE: Please use the child theme style.css or custom css plugin to write the css.

Thanks

[Miranda Graat]

Thanks, it worked..!!
I have pasted it in both 🙂 the child and the custom. Just to be sure

[Binaya D]

Hi there,

That’s great ! if you face any problem in future then please let us know.

And you can keep the code in any child theme or custom css there will be no problem.

Thanks

[Author]

Posts