1. PROMO Subscribe our All Access Pass @ 75% OFF & access all our 16+ premium Divi extensions: Divi Block Pro, Carousel Toolkit, etc.LEARN MORE
Dismiss Notice
NEW Divi.Help Pro Carousel AI Toolkit - Magically turn your Divi design into carousel, simply by using our online toolkit. No plugins needed. Now it works with Divi 5 as well!Try our carousel AI toolkit
BEST Divi Block - A revolutionary drag & drop tool to easily mix & match 960+ premade blocks (Light & Dark) to kick start your Divi site design. Special module designs are included as well. Also newly added AI generator & color. Now it works with Divi 5 as well!
Learn More About Divi BlockFree Version ~ 340+ Free Blocks

simple underline for button hover

Discussion in 'Free Divi Community Forum' started by Rogier The20, Oct 30, 2020.

  1. Rogier The20

    Rogier The20 New Member

    dear community,

    I wanted to style my button a little bit. Would it be possible to have the button border only appear on the bottom upon hover? Instead of the usual full border hover effect?

    I have attached a screenshot to explain what I mean and my website link below.
    Thank you so much in advance! Truly appreciate it.

    https://divergeculture.com/shop/final-product-page-white-background/?v=796834e7a283

    All the best,
    R
     

    Attached Files:

    #1 Rogier The20, Oct 30, 2020
    1. PRO MEMBER PERKS Beautifully crafted custom colored 'Industrial' Divi layout for all Pro members:View Demo
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    To remove the button border top, left & right, just go to the Button module settings > Advanced > Custom CSS > Main Element & add:
    Code:
    Log In or Sign Up to view this code.
     
    #2 Divi.Help, Nov 1, 2020
    Blue Apple likes this.
(You must log in or sign up to post here.)