customize with css bullet menu

  • brucewp

    (@brucewp)


    2 years, 11 months ago

    I should customize bullet menu on right side.
    I should use a icons instead of circle

    it’s possible ?
    I try something like this 

    #bully__hero.c-bully__current { background-image: url("http://provs.local/wp-content/uploads/layout/faucet-tap-svgrepo-com.svg"); 
width:100px;
height:100px;
background-size: cover;
padding-left:10px;	
}


#bully__features.c-bully__current { background-image: url("http://provs.local/wp-content/uploads/layout/faucet-tap-svgrepo-com.svg"); 
width:100px;
height:100px;
padding-left:10px;	
	 width: 100%;
  height: 100%;
}

Viewing 2 replies - 1 through 2 (of 2 total)
  • boy8xnoname

    (@boy8xnoname)

    2 years, 10 months ago

    @brucewp

    Sorry because the delay to reply.
    We made style item for vertical navigation by style for after of link tag to create bullet: https://prnt.sc/CfjpVs8tWbbR

    That like when you try to add custom style for this we should add custom style for ::after of nav item.
    Maybe this should like this:

    #bully__hero.c-bully__current::after { background-image: url("http://provs.local/wp-content/uploads/layout/faucet-tap-svgrepo-com.svg"); 
width:100px;
height:100px;
background-size: cover;
padding-left:10px;	
}


#bully__features.c-bully__current::after { background-image: url("http://provs.local/wp-content/uploads/layout/faucet-tap-svgrepo-com.svg"); 
width:100px;
height:100px;
padding-left:10px;	
	 width: 100%;
  height: 100%;
}
    Thread Starter brucewp

    (@brucewp)

    2 years, 10 months ago

    thanks for the answer and it’s possible to personalize the bullet by sections?
    I think to the path with #servicename …

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘customize with css bullet menu’ is closed to new replies.