: Hover opacity on Horizontal menu : cspgsl December 26, 2014, 01:48:17 PM At http://virtualaccounting.ca/index.php I am not finding anywhere to adjust the opacity for the hover effect nor can I see how to change the color of the text (on the hover action)
And a quick pointer on where the CSS reference is to the second word "Resources" in the accordion menu Thanks, : Re: Hover opacity on Horizontal menu : jonahh December 29, 2014, 12:42:32 PM Hello,
The opacity info can be found here: http://www.shape5.com/component/option,com_smf/Itemid,75/topic,37909.0/ As for the CSS for the last word in the accordion menu title you can add the below and use this to target it: : .module_round_box-highlight1 h3 .s5_h3_last { : Re: Hover opacity on Horizontal menu : cspgsl December 29, 2014, 01:29:52 PM The CSS setting for .image_title has no effect on the colour of the hover effect - only the initial opacity setting.
I changed the opacity of the repeatexture image file and it also had no effect on the hover. I also don't see where to alter the colour of the text when the mouse is hovered over the horizontal accordion windows, not the last work in the accordion menu : Re: Hover opacity on Horizontal menu : mikenicoll December 29, 2014, 04:43:20 PM Hello,
The majority of the backgrounds can be adjusted in the index.php file. Just do a search for: image_title and you will see all the inherit styling. A quick search in the index.php brought up this coding block for example: : .s5_scrolltotop:hover, .button, .ourteam_roundimage_hover .ourteam_roundimage_inner, #s5_youtube:hover, #s5_pinterest:hover, #s5_fb:hover, #s5_twitter:hover, #s5_vimeo:hover, #s5_google:hover, #s5_rss:hover, li.pagenav-prev a, li.pagenav-next a, #s5_accordion_menu h3.s5_am_toggler.s5_am_open.s5_am_parent, .validate, .module_round_box-highlight2, #s5_responsive_mobile_drop_down_wrap button, #s5_responsive_mobile_drop_down_wrap .button, .pager a, button.btn, .btn, .icon_outer_wrap, .readmore a, a.readon, .ion-play-size, .circle_table_icons, #s5_is_leftarrow:hover, #s5_is_rightarrow:hover, site_logo_symbol, a.s5_ls_readmore, .jdGallery a.right:hover, .jdGallery a.left:hover, .s5_highlight1, .pager a, button.btn, .btn, .horzaccordion .image_title a.btn:hover, #myGallery a.readon:hover {background-color:#<?php echo $s5_highlightcolor2; ?> !important;} : Re: Hover opacity on Horizontal menu : cspgsl December 29, 2014, 04:48:24 PM I'm sorrry guys, it is my mistake. I was referring to the Horizontal Accordion, not the menu... DOH ::)
It is when I mouse over THE BASIC SERVICE and MANAGING YOUR BUSINESS for example. I want to lighten the blue colour on the mouse over. : Re: Hover opacity on Horizontal menu : mikenicoll December 29, 2014, 04:50:31 PM Hello,
My answer was based on that. The DIV class for the element you are referring to is: <div class="image_title"> : Re: Hover opacity on Horizontal menu : cspgsl December 29, 2014, 04:51:32 PM OK, thanks I will take a look and get back to you
: Re: Hover opacity on Horizontal menu : mikenicoll December 31, 2014, 10:23:21 PM Sure thing.
Happy New Year! |