Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

How to assign an link (onclik) and picture in Grid? #22

Open
saamy91 opened this issue Apr 28, 2015 · 3 comments
Open

How to assign an link (onclik) and picture in Grid? #22

saamy91 opened this issue Apr 28, 2015 · 3 comments

Comments

@saamy91
Copy link

saamy91 commented Apr 28, 2015

Hello,

As in my request title, how can i assign an picture with an link to a grid position for Metro Grid Module (joomla 3) ?

I search in your documentation and FAQ but i don't find anythink about it.

Advance thanks.

@dziudek
Copy link
Contributor

dziudek commented Apr 29, 2015

Hello,

In this case you have to assign in the grid module position a custom HTML module with i.e. the following code:

<a href="YOUR_URL" style="background-image: url('YOUR_IMAGE_PATH');"></a>

And of course please use the following CSS code:

.gkGridElement a {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}

@saamy91
Copy link
Author

saamy91 commented Apr 29, 2015

Hello,

Thank your for your reply.
I don't understand your explanation to be frank.
I need to create an custom HTML Module, then choose grid module position ?
But i don't have anythink about grid module in position :

[image: Images intégrées 1]

2015-04-29 16:06 GMT+02:00 Tomasz Dziuda notifications@github.com:

Hello,

In this case you have to assign in the grid module position a custom HTML
module with i.e. the following code:

And of course please use the following CSS code:

.gkGridElement a {background-size: cover;background-position: center center;background-repeat: no-repeat;height: 100%;left: 0;position: absolute;top: 0
width: 100%;
}


Reply to this email directly or view it on GitHub
#22 (comment).

@dziudek
Copy link
Contributor

dziudek commented Apr 29, 2015

Please read: #21

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants