Digital experiences for all disciplines
New Landing › How can we help? › Themeforest Theme Support › Neighborhood › Footer: Modal Hover issues
New Landing › How can we help? › Themeforest Theme Support › Neighborhood › Footer: Modal Hover issues
- This topic has 13 replies, 5 voices, and was last updated 10 years by Mohammad – SUPPORT.
-
Posted in: Neighborhood
-
May 19, 2014 at 10:40 pm #76095
I recently placed some modals in the footer of my site. However, the hover state seems to be get over ridden and I can’t figure out how to fix it.
I would like the modal hover to be red when hovered over, similar to the menu items in the footer.
Also, is there any way to style the modal’s to look like they are menu items?
Thanks
May 20, 2014 at 8:17 am #76144Hi again Swav,
Please send me a link to your website so I can take a look at it.
If you don’t want others to know it, you can mark it as private reply.Cheers,
Stan.
Barqwithus.comMay 20, 2014 at 8:35 am #76154Hi,
If you provide website url and wordpress admin login detail so i can debug to fix the issue very soon .
Thanks 🙂
With Best Regards
Swift IdeasMay 20, 2014 at 1:26 pm #76249This reply has been marked as private.May 20, 2014 at 2:24 pm #76270Hey SWAV,
does that help?
.textwidget a span:hover { color: red!important; }
May 20, 2014 at 5:19 pm #76352Yes it did! The hover state is now working great!
I still have a question though, how can I turn those modal to look like the rest of the menu items in the footer?
May 22, 2014 at 11:31 am #76776Try adding this custom css:
#footer .sf-button[data-toggle="modal"] { border-bottom: 1px solid #333; margin-right: 0; } #footer .sf-button[data-toggle="modal"]:hover { border-bottom: 1px solid #333333!important; margin-right: 0; } #footer .sf-button[data-toggle="modal"] { content: "\f105"; display: block; float: right; font-family: FontAwesome; font-size: 14px; font-style: normal; font-weight: normal; text-decoration: inherit; }
– Kyle
May 22, 2014 at 10:00 pm #76941Thanks Kyle, but unfortnately the CSS above did not do the trick: /
May 23, 2014 at 2:24 am #76961Hi,
I have resolve your problem just tweak code . Thanks Kyle , great work :-).#footer a.sf-button[data-toggle="modal"] { border-bottom: 1px solid #333; margin-right: 0;height:26px;width:100% } #footer a.sf-button[data-toggle="modal"]:hover { border-bottom: 1px solid #333333!important; margin-right: 0; } #footer a.sf-button[data-toggle="modal"]:before { content: "\f105"; display: block; float: right; font-family: FontAwesome; font-size: 14px; font-style: normal; font-weight: normal; text-decoration: inherit; }
Thanks 🙂
With Best Regards
Swift IdeasMay 23, 2014 at 2:46 am #76967It worked! Kyle your amazing! Thank you
May 23, 2014 at 2:56 am #76970Hi,
You most welcome . I’m glad that issue resolved . Great Work Kyle 🙂
With Best Regards
Swift IdeasMay 23, 2014 at 7:34 am #77004Thanks Mohammad!
– Kyle
June 17, 2014 at 9:59 pm #83249Hey guys,
I just updated the theme and I have lost all the changes. I placed the CSS above in the new css file but it did not fix the issue.Help would be great!
Thank you
June 18, 2014 at 4:16 am #83290Hi,
Please always put custom css at Admin -> Theme Options -> Custom CSS. So your changes will never lost.
Thanks 🙂
With Best Regards
Swift Ideas -
Posted in: Neighborhood
You must be logged in and have valid license to reply to this topic.