ATG Marketing Solutions - Bootstrap Playground

Fold

ATG Marketing Solutions

(account deleted) 06 Nov 2013 06:22

I just opened up a site I'm working on for my son's business. I know this resembles a spam post, but I'm really just trying to show how easy it is to pull together a nice looking site quickly and pretty easily once you get familiar with the bootstrap/Wikidot markup.

Permissions should be set so Wikidot members can see page options to inspect the source.
atgmarketingsolutions.com

The slider on the home page is using Slicebox. This is where I spent most of my time.

The rest of the markup is standard Wikodot/Bootstrap.

I used Adobe Kuler and PaintStrap to do the color palette (more info).

Community Admin

Last edited on 06 Nov 2013 12:57 by

(account deleted) Show more

Reply Options

Unfold ATG Marketing Solutions by

(account deleted), 06 Nov 2013 06:22

Fold

Re: ATG Marketing Solutions

Helmut_pdorf 06 Nov 2013 07:23

Wow, thanks Ed!

This looks very interesting - to see a "live" boosttrap wikidot site .

Service is my success. My webtips:www.blender.org (Open source), Wikidot-Handbook.

Sie können fragen und mitwirken in der deutschsprachigen » User-Gemeinschaft für WikidotNutzer oder
im deutschen » Wikidot Handbuch ?

Last edited on 06 Nov 2013 12:57 by

(account deleted) Show more

Reply Options

Unfold Re: ATG Marketing Solutions by

Helmut_pdorf, 06 Nov 2013 07:23

Fold

Re: ATG Marketing Solutions

Phil Chett 06 Nov 2013 12:33

Hi Ed.
I have been losing the will to live trying to get a slider to work.

So i nicked all your hard work (thank you) from the ATGsite and stuffed it in my test site.
I still cant get the bugger to work.
So i stuffed it on BSP to see what happens. here
and get completely different non functional results.
This makes me wonder if there is something required in the "layout"
only I have no idea what.
So I am going to ask and either / or favour.
Can you get the bugger working here, where i can see all the relevant bit and bobs.
or give me admin rights to ATG so i can reverse engineer it and sort it here for refence myself?

time to take another Valium me thinks.

Phil

Last edited on 06 Nov 2013 12:58 by

(account deleted) Show more

Reply Options

Unfold Re: ATG Marketing Solutions by

Phil Chett, 06 Nov 2013 12:33

Fold

Re: ATG Marketing Solutions

(account deleted) 06 Nov 2013 13:12

I can talk you down from the ledge pretty easily. Add this to your CSS:

/* Missing from bootstrap base.css */
iframe.html-block-iframe {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    margin: 0;
    padding: 0;
    width: 100%;
}

I was having the same frustrations before I discovered it was missing. It took comparing the same code that was working on a non-bootstrap site to my ATG site to figure it out.

The documentation is pretty light on the Slidebox slider. If you want to use it and need help sorting anything else, let me know. The next thing I'm going to try to tackle is making the text box overlay responsive. I noticed it doesn't scale properly when I look at it on my phone.

@Squark

Can you please add this to the base.CSS for the bootstrap sites? I discovered this was missing a couple of days ago when was I frustrated like Phil and forgot to report it. Thanks!

Community Admin

Last edited on 06 Nov 2013 13:13 by

(account deleted) Show more

Reply Options

Unfold Re: ATG Marketing Solutions by

(account deleted), 06 Nov 2013 13:12