Jump to content

Archived

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

vogelwild

HOVER Section: Box-Size when you choose 12 Columns - quick solution

Recommended Posts

vogelwild    24
vogelwild

Hi there, 
I've just added a hover-section to my sidebar with an image-width of 12 columns (so that it shows only one hover-image per row) and recognized that firefox outputs it "wrong" [attachment=2402:Screenshot1-BEFORE.png]
The simple solution for me was it to add a max-width of 100% to some classes via CSS. If someone has the same issue, that works:

 

[spoiler]

.jgHover *, .jgHover *:after, .jgHover *:before 

{
box-sizing: border-box;
max-width: 100%;
}

[/spoiler]

 

 

[attachment=2403:Screenshot2-AFTER.png]

Have a great day,
Petra
 
PS: There was no Topic-Prefix for the Hover-Section.

Share this post


Link to post
Share on other sites
James Giroux+    2
James Giroux

Thanks Petra!  I'll add that into the next update.


James Giroux, CEO
Groundwork

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!
×