Grid 1 effect

How do you get that effect on grid 1 http://demo.gavick.com/joomla25/msocial/ where when you mouse over the image it goes from dark to light?
Also for the social media icons in grid 1, when I go into the module I can't figure out how to change the link? Or much of any settings inside the module?

Hi.

How do you get that effect on grid 1 http://demo.gavick.com/joomla25/msocial/ where when you mouse over the image it goes from dark to light?

We used opacity:0.85; from css for hover effect for this class.

About social icons, for example FB

1) We used Font Awesome that's why you don't see image
Read more here: http://www.gavick.com/documentation/joo ... n-modules/

2) Disable TinyMCE editor for editing purposes for your user.
How to work with source code mode only (in the middle of article)--> http://www.gavick.com/documentation/gen ... d-editors/

2) This is code from FB module (FB Icon) - similar have G+ etc.

Code: Select all

<a class="gkIcon gkColorFb" href="#"><i class="icon-facebook"></i></a>

# - replace this mark with your link, as you see this is normal <a href.... from HTML4

Check: http://www.gavick.com/documentation/joo ... iguration/
--- Point 10 --> view HTML code

Hi.

How do you get that effect on grid 1 http://demo.gavick.com/joomla25/msocial/ where when you mouse over the image it goes from dark to light?

We used opacity:0.85; from css for hover effect for this class.

OK so that means I wouldn't use the "Select a Background-Image" but instead use custom html?

It does not matter. But in our demo we used , for example, following code, in Custom HTML module.

Code: Select all

<div class="gkJSFeed gkJSFeedType-photo" id="gk-jsfeed-733">
   <a style="background-image: url('http://demo.gavick.com/joomla25/msocial/images/photos/951/9/0ff5afbafae0a2f29b9e22da.jpg');" href="#"></a>
                  </div>

For our/your opacity effect important was/is class called "gkJSFeedType-photo"

It's possible I could be completely retarded, but neither works for me. I even tried copying and pasting the link to gavick as you show above but it just comes up blank. Then when I go back to the module the html has changed.

OK figured it out!Thx

Next time please use those tips: http://www.gavick.com/documentation/gen ... d-editors/

- especially the middle part of article.