Support community for TTG plugins and products.
NOTICE
The Turning Gate's Community has moved to a new home, at https://discourse.theturninggate.net.
This forum is now closed, and exists here as a read-only archive.
You are not logged in.
Pages: 1
In the home page, under the slideshow, I created 3 columns (well, cut & pasted from w3schools)
http://www.marlajenkinsphotography.com/test/home/
The first column text (Let's get together...) is lower than the other two columns.
Can anyone see where I screwed up?
The links do work, but it's an aesthetic thing.
The code is:
<head>
<style>
.newspaper {
-webkit-column-count: 3; /* Chrome, Safari, Opera */
-moz-column-count: 3; /* Firefox */
column-count: 3;
}
</style>
</head>
<body>
<div class="newspaper">
<a href="contact">
<figure>
<figcaption>Let's get together over a cuppa joe!</figcaption>
<img src="http://www.marlajenkinsphotography.com/test/backlight/designer/?c=page&a=image&p1=8" style="width:200px;height:200px;">
</figure>
</a>
<a href="Pricing">
<figure>
<figcaption>We're not trying to break the (piggy) bank!</figcaption>
<img src="http://www.marlajenkinsphotography.com/test/backlight/designer/?c=page&a=image&p1=11" style="width:200px;height:200px;">
</figure>
</a>
<a href="https://www.weddingwire.ca/wedding-photography/marla-jenkins-photography--e2678/reviews">
<figure>
<figcaption>We'll do an amazing job, but don't take our word for it! </figcaption>
<img src="http://www.marlajenkinsphotography.com/test/backlight/designer/?c=page&a=image&p1=12" style="width:200px;height:200px;">
</figure>
</a>
</div>
Offline
I think I am going to try some different code
Ok. Fixed!
Last edited by peter (2017-11-18 11:20:52)
Offline
support for creating columns is built in. Use the TTG Responsive Grid:
http://ttg-tips-and-tricks.barbeephoto. … backlight/
Rod
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site
Offline
Also, referencing the html code you posted above, there is never any need to use <head> or <body> tags in any html you add to a content area. Each page already contains those and adding more can muck things up.
Rod
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site
Offline
That worked great Rod.
I changed the example to 3 columns and got what I expected:
http://www.marlajenkinsphotography.com/test/home/
Cheers.
Offline
Pages: 1