Fixed Box Size

[JTFF]

Hi all,

I was wondering if there is a quick and easy way to set the size (height?) of a given box or set of boxes in Swift page builder.  I’m using three to four side by side on each page, but the boxes are all different sizes (heights) depending on the text and picture within.  I want them all to be the same size irrespective of what’s inside.  The options that I see are either carefully putting spaces and the same height image etc. inside the boxes or just putting raw html code inside the box, which requires tons of other sets of code for pictures links etc. within the box.  I would like to avoid both of these if possible since I’m going to have hundreds of these boxes.

Thanks again

[Cosmin – SUPPORT]

Hi,

There’s no option for that, but you could use the Extra Class and add the same class to all boxes (ex. “homepage-same-height”, no quotes), then style it like so:

.homepage-same-height {
  height: 300px !important;
  max-height: 300px !important;
}

Regards,
————————————————————————————————————

Cosmin
Support Assistant

[JTFF]

Hi,
Thanks for your help. This would essentially allow me to have only one box size period correct, i.e., I would have a box that is the same size irrespective of how many rows etc. I have without being able to change it for various pages?
Thanks again

[Cosmin – SUPPORT]

Yes, that’s right, it would be fixed height no matter what.

Regards,

————————————————————————————————————

Cosmin
Support Assistant

[JTFF]

Hi,

Thanks for your help. I’m not a programmer, but with the help of the web etc., I just used the raw HTML feature of the page builder to punch in code. This allows me to have variable sized boxes on every page but allows me to have fixed boxes and more features anyway. Here is what I did for anyone interested in this same topic. Also, let me know if you foresee problems with this. It’s not elegant, but it works fine now.

Thanks again

<div style=”width: 170px; height: 240px; margin-bottom: 15px; border: 7px double black; background-color:#b0c4de;”>

<img alt="TAG DESCRIPTION“src=”IMAGE FILE“width=”170″ height=”240″ />
<h3 style=”text-align: center;” onMouseOver=”this.style.color=’#1e73be'” onMouseOut=”this.style.color=’black'”> IMAGE DESCRIPTION</h3>

</div>

[JTFF]

<div style=”width: 170px; height: 240px; margin-bottom: 15px; border: 7px double black; background-color:#b0c4de;”>


<h3 style=”text-align: center;” onMouseOver=”this.style.color=’#1e73be'” onMouseOut=”this.style.color=’black'”> IMAGE DESCRIPTION</h3>

</div>

For some reason it didn’t include the a href. Let’s try again.

[JTFF]

I have no idea why it’s cutting our pieces of the code when I post. It’s there when I type it and then it disappears. This is what was missing from the first post: LINK URL/”>

[JTFF]

I give up

[wilsongrouplp]

I think you have to make sure you include the code in a “code” tag. Otherwise the system recognizes it as you trying to make your post coded. ^-^

[Cosmin – SUPPORT]

Hey guys,

Our forum will interpret HTML code, unless you put it in code or pre tags, with escaped HTML characters (ex. & lt; for < and & gt; for > … no spaces after &)

Useful tool for posting escaped HTML in pre tags in our forums: http://www.htmlescape.net/htmlescape_tool.html

Regards,
————————————————————————————————————

Cosmin
Support Assistant