[Pro] How to align boxes in template

I am using the SecondSight template and need to rearrange a number of boxes in the “services” page. I was able to do this by duplicating the box that fit the style I want. However, I am unable to select multiple HTML boxes together so I can align them evenly across the page. In fact I am also unable to move any of the boxes individually. They are just stuck where they land. While only slightly off, it is driving me crazy. Also, almost every title in my site folder has a question mark after it. The master page does not have the ?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I am unable to select multiple HTML boxes together so I can align them evenly across the page.

I dont have Second Sight but I am assuming that it is constructed using an inline layout and because of that the normal ‘align’ options do not apply as each item is independent.

If you are referring to Box1, Box2 etc. these are positioned using Paddings, Margins etc.

In fact I am also unable to move any of the boxes individually.

Because it is an inline layout you cannot simply drag and drop items to rearrange them.

Also, almost every title in my site folder has a question mark after it.

This may be because you have selected Show File Sizes from the Cog at the bottom of the left hand sidebar and you have not previewed/published that page. You can turn that off.

If you can post a link to your published pages online we can help better with your alignment issues but I suspect that you may have accidentally/unknowingly broken your inline layout.

David


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Interestingly when I look at the example of the Services page of Second Sight online it appears that the settings for the 320px Breakpoint are wrong.

Not sure if that applies to the version that you have though?

@media screen and (max-width:320px)
{
	#QuoteItem { width:100% }
	#Box1 { width:100% }
	#Box2 { width:210.94% }
	#Box3 { width:100% }
	#Box4 { width:210.94% }
	#Body4 { width:90% }
	#TakeALook { width:100% }
	#Box5 { width:100% }
	#Box6 { width:100% }
	#Box7 { width:100% }
}

You will note that Box2 and Box4 both have their widths set at 210.94% when all the other #Box settings are 100%

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thanks for the advice on inline layout and the patience to answer questions from a new Freeway user. I am continuing to learn about CSS layouts. I did turn off the show file sizes and got rid of the ? marks. I would still like to evenly distribute the inline objects but maybe not possible with a template. As far as I know, I have the latest version of Freeway Pro 7 and I have not published any of this site online yet.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I would still like to evenly distribute the inline objects but maybe not possible with a template.

It certainly should be possible but until/unless we can see what you have so far it is difficult to advise you.

If you start with the original containers and instead of trying to move them you add/delete/style their content you shouldn’t upset their alignment.

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options