Jump to content

Archived

This topic is now archived and is closed to further replies.

romanondrasek

Hover effect in quick slider

Recommended Posts

romanondrasek

Hi, 

I would like to use quick slider section. I really good with the images and links, but, I missed here some hover effect. how can I add this effect to quick slider images? Thanx so much for help.

 

Roman

Share this post


Link to post
Share on other sites
Danny

Hi Roman,

 

I am not entirely sure what you mean, would it be possible for you to go into greater detail please. Such as what hover effect you mean please.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
romanondrasek

Hi Dany,

thanx for reply, 

 

for me should be something like is used here : http://themes.pagelines.com/dms/in the flipper section . When you move the mouse on the picture, there is some "shadow" effect with the link icon. 

 

I know that there are many hover effect, but not sure how difficult it is .

 

Roman

Share this post


Link to post
Share on other sites
Danny

So you want to have a similar effect to Flipper when you hover over the QuickSlider ? Do you mean that when you hover the QuickSlider you want additional content to there ? If so, this isn't possible with just CSS, you would need to edit the sections core code, which isn't something we provide support for. You're free to attempt this yourself and I would recommend creating a child section of QuickSlider via a child theme.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
romanondrasek

Hi Danny, 

 

thanx for the answer. Finally I found in the shop the hover section and it looks really good with the hover effects .

 

My idea for the HP was something like this :

https://dl.dropboxusercontent.com/u/22916929/PF_2014b%28zm%29.jpg

 

and I try to find best way how to do this.

 

quick slider is not good for this :-(

maybe hover section, but is not full width ... But I can change the Idea little 

 

Or - some other idea how to do this?

 

& I need to hide the main menu (I want to use multi menu there) just on the HP (I know how) but - doň know hove to "move" the hover section close to the top on the HP (because there is a space on the top of the site).

 

thanx so much for help

 

Roman

 

 

 

 

Share this post


Link to post
Share on other sites
Danny

Yeah you won't be able to achieve a homepage using QuickSlider, without customizing the section which we do not provide support for.

 

To recreate a layout like that, you could just use multiple MediaBoxes and upload an images, then reduce their sizes to create a layout like that.

 

If you want to hide a section on all other pages, you will want to use the hide sections option.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
romanondrasek

Hi again, thanx, that was my firs idea to use media box, but there is a space between the pictures : https://www.dropbox.com/s/jutensvma3fm3wu/Screenshot%202014-12-08%2013.37.21.png?dl=0

 

I setup the "remove media box paying" to 0 but , is for the lines not columns.

 

how can I do this?

 

and - how to add some " hover effect" to the picture ?

 

and - layout like this will not be full width right, because I can add the media box just to the area.

 

thanx so much for you help again.

 

Roman

 

Share this post


Link to post
Share on other sites
Danny

If you wish to increase or decrease the width or space between MediaBoxes you will need to use custom CSS. The same goes for a hover effect, you will need to target the MediaBoxes and use custom CSS to add a hover effect.

 

If you use a child theme, you can then use my dual-width MediaBox which is both full-width and content-width.

 

https://github.com/Dannyholt/skeleton

https://github.com/Dannyholt/fullmediabox


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
romanondrasek

Hi, 

thanx for the answer. It seems that it will not be easy :-( , I have to check how to use a child theme a find the css code for this. If is here somebody who can help me with this I will be really thankful  ...

 

Roman

Share this post


Link to post
Share on other sites

  • Similar Content

    • tkpagelines
      By tkpagelines+
      Hi there ,
      i would like to change the color of menu items on hover and the current menu item. Both should have the same color, but not the color given of the theme scheme.
      Any suggestions ? Maybe a css snippet ?
       
      Thanks
    • mistrmint
      By mistrmint+
      Site : http://fireworxmedia.yourdemosite.co.za/
      I need to change the second menu items on hover to different colors.
      i.e factual needs to be blue on hover, fiction red on hover, etc. etc.
      then on the sub menu of factual, all need to hover blue with the main menu factual item staying as blue,
      and the sub menu of fiction needs to hover red with fiction item staying as red.
      etc. etc.
       
      For the life of me I cannot figure it out.
    • micstepl
      By micstepl+
      Feature request / state of the art idea
      Could you add to any Extension
      where there is an "Image" available  (eg. box Image, Image, etc.) and a "link" ist added >>> a HOVER funktionality <<<< This allows than the user to
      add an image (taking the same properes from the original / no changes allowed) advanced you could add a "transition"  and/or  "opacy"
    • amb62137
      By amb62137
      Hi there,
      I am trying to change an image on hover using either MediaBox or TextBox. The image is manually inserted using the HTML box. 
    • kellid
      By kellid
      Hi! 
      Looking for some help with Masonic Gallery.  As it is now, the post title shows only when hovered over.  How can I have it where the title show over the image continuously while the image has either a lowered opacity or greyscale and as you hover over, the title's opacity changes while the background image resumes to full color?  Hope that makes sense.  Don't have any examples on hand but I could find one!  
      Thanks so much!
×