Community @ The Turning Gate

Support community for TTG plugins and products.

You are not logged in.

#1 2016-07-01 04:37:30

gwlco
Member
From: Pensacola, Fl.
Registered: 2012-10-24
Posts: 337
Website

Here my lack knowledge of css/html shows up

I have a "_hidden" album on the "HOME" page with some images. I would like to be able to link (maybe HREF) when pressed to  another location rather than the "_hidden" album.
Is that possible?

http://garylittle.com

Offline

#2 2016-07-01 04:55:55

rod barbee
Moderator
From: Port Ludlow, WA USA
Registered: 2012-09-24
Posts: 16,725
Website

Re: Here my lack knowledge of css/html shows up

Not really following what you're trying to do. Do you want to add a link to the text?


Rod 
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2 test site, Pangolin test site

Offline

#3 2016-07-01 05:00:14

gwlco
Member
From: Pensacola, Fl.
Registered: 2012-10-24
Posts: 337
Website

Re: Here my lack knowledge of css/html shows up

When pressing an image in an album it takes you to the photoswipe of that album. I want to be able to define where it goes, independent of the album it came from.
Is that clear??

Offline

#4 2016-07-01 05:03:21

gwlco
Member
From: Pensacola, Fl.
Registered: 2012-10-24
Posts: 337
Website

Re: Here my lack knowledge of css/html shows up

Maybe just putting images where I want them and not from an album. Then would I  be able to do what I want with an HREF??

Offline

#5 2016-07-01 05:38:49

rod barbee
Moderator
From: Port Ludlow, WA USA
Registered: 2012-09-24
Posts: 16,725
Website

Re: Here my lack knowledge of css/html shows up

then you'd just want to add images to the page via html and wrap them in anchor tags. Probably the best way is to put it all inside the TTG Responsive Grid Framework. The code would look something like this for a page with four images across:

<div class="grid_12 your-custom-class">
	<div class="col_3  alpha">
		<a href= "#"><img src="#"/></a>
	</div>
	<div class="col_3">
		<a href= "#"><img src="#"/></a>
	</div>	
	<div class="col_3">
		<a href= "#"><img src="#"/></a>
	</div>
	<div class="col_3  omega">
		<a href= "#"><img src="#"/></a>
	</div>
</div>

just add the urls to the other sites/pages in the anchor tags and the url to the images in the img tags.

You can add a custom class to the whole thing and thereby target elements within with custom css.


Rod 
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2 test site, Pangolin test site

Offline

Board footer

Powered by FluxBB