increase underline margin

Hi Dina,

please make screenshot - add arrows or other graphic marks and then share link to that image. It will be easier to understand your question. Thanks.

BTW

Useful guide for CSS questions > https://www.joomshaper.com/blog/which-line-of-css-i-have-to-edit-code-inspector-in-action

Firefox, Firefox Developer Edition, Chrome, Opera, and Safari - all have that webmaster tool.

Hi

Thanks for contacting us. Could you please give me a screenshot of your issue? Its easy for us to investigate the issue properly.

-Regards.

If we talk about MainMenu in Joomla site,

1. Remove text-decoration: underline; that you added in Custom CSS for menu items.

2. The same if you set line-height: 140px remove it.

3. Then use that Custom CSS

.sp-megamenu-parent > li.active > a::before {border-bottom: 2px solid;}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span { line-height: 20px;}

Then (if yoou need) use also

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
  padding: 0; margin: 0 10px;}

to get shorter lines

If we talk about Headers titles, as well. Do not use text-decoration: underline; becuase since beginning of CSS it just add line under the text, no options to control that.

You have to use the same CSS that you used on orginal site,

only for different class name:

h3.sppb-title-heading::after,
h4.sppb-title-heading::after   { ADD-HERE } 
h3.sppb-title-heading,
h4.sppb-title-heading   { ADD-HERE } 

Copy, paste & customize. We cannot be CSS teachers each time, it's against Support Policy 8.2.

Hi Dina,

You can follow Paul's instructions. Thanks Paul for helping him.