Reply To: Modifying color of the home feature arrow of just one area?

Homepage Community Forums SquareOne Theme Support Modifying color of the home feature arrow of just one area? Reply To: Modifying color of the home feature arrow of just one area?

#11933
Wes
Moderator

    You would have to recreate the css and add another name/class for the arrow. For example, if you want the arrow to be a white color then you can use the code below…..just make sure to add arrow-2 when adding the code inside your widget (instead of arrow) –

    .arrow-2 {
    	display: inline-block;
    	width: 60px;
    	height: 60px;
    	border: 2px solid #19c1ff;
    	border-radius: 50%;
    	margin-left: 0.75em;
    	margin-bottom: 40px;
    }
    
    .arrow-2:hover {
    	opacity: .5;
    }
    
    .arrow-2:after {
     	content: '';
    	display: inline-block;
    	margin-top: 14px;
    	width: 20px;
    	height: 20px;
    	border-top: 2px solid #19c1ff;
    	border-right: 2px solid #19c1ff;
    	-moz-transform: rotate(135deg);
    	-webkit-transform: rotate(135deg);
    	transform: rotate(135deg);
    }
    
    .arrow-2 {
    	border: 2px solid #fff;
    }
    
    .arrow-2:after {
    	border-top: 2px solid #fff;
    	border-right: 2px solid #fff;
    }