1. SP Page Builder 3.x
  2. Thursday, 08 August 2019
Project: https://neu.psamarketing.de/leistungen/ebay

Hello,
I would like to:

1) Disable the mouse hover effect on this featured boxes:

Beratung & Strategieplanung
Kampagnen-Management
Professionelle Produktoptmierung
Account Management
1-zu-1 Coaching

2) In the Mainmenu of the template, if you have an active menu-item or make a mouse-hover over the menu, the menu-item has an "unterline" animation.
Now it unterline the menu item like 30% of the whole word. How can we change it to 100% underline if active of hover?
Accepted Answer
Hi,
0) I hope you know how to work with custom CSS, if not read Helix3 documentation.
ad 1) This should help

.sppb-addon-feature:hover .sppb-icon > span,
.sppb-addon-feature:hover .sppb-feature-box-title {color: #fff !important; }
.sppb-addon-feature:hover {cursor: default;}


ad 2) By default is 40%, use this to increase to 100% :

.sp-megamenu-parent > li.active > a::before,
.sp-megamenu-parent > li:hover > a::before { width: 100%;}

  1. more than a month ago
  2. SP Page Builder 3.x
  3. # Permalink
Responses (3)
Hi,
0) I hope you know how to work with custom CSS, if not read Helix3 documentation.
ad 1) This should help

.sppb-addon-feature:hover .sppb-icon > span,
.sppb-addon-feature:hover .sppb-feature-box-title {color: #fff !important;}


ad 2) By default is 40%, use this to increase to 100% :

.sp-megamenu-parent > li.active > a::before,
.sp-megamenu-parent > li:hover > a::before { width: 100%;}




Thx, works grate as far.
Is it also possible to completly disable the hover effect on the featured box?
now I just changed the color. But the "Click Cursor" effect is still there.

Greeting
  1. more than a month ago
  2. SP Page Builder 3.x
  3. # 1
Naturlish, this should help

.sppb-addon-feature:hover { cursor: default; }
  1. more than a month ago
  2. SP Page Builder 3.x
  3. # 2


There are no replies made for this post yet.
Be one of the first to reply to this post!


This forum is archived

This forum has been archived. Please use JoomShaper official support system.