Highlight container border

  • jamesbold

    (@jamesbold)


    4 years, 1 month ago

    Hello,

    I would like to have a border bottom (4px) to the container of every menu item instead of highlighting the text. This menu is build with elementors icon boxes. Every box has a link to an anchor in the page. The class mPS2id-highlight i added to every icon box widget.

    The class is defined as:
    .mPS2id-highlight{background-color: #ff0;}

    • This topic was modified 4 years, 1 month ago by jamesbold.

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Author malihu

    (@malihu)

    4 years, 1 month ago

    Hi,

    You can try something like this:

    Go to plugin settings and:

    1.Set the “Highlight selector(s)” option value to:

    .elementor-icon-box-wrapper .elementor-icon-box-title a

    2.Disable “Allow only one highlighted element at a time” and “Keep the current element highlighted until the next one comes into view” options.

    Save changes.

    Add the following to your CSS: 

    .elementor-icon-box-wrapper .elementor-icon-box-title .mPS2id-highlight{
    border-bottom: 4px solid;
    padding-bottom: 0.25em; 
}

    The padding-bottom is optional if you want to give some space between the text and the bottom border.

    Hope this helps

Viewing 1 replies (of 1 total)

The topic ‘Highlight container border’ is closed to new replies.