Support » Theme: Blaskan » Centering Widgets in side bar

  • Resolved talentbitsandbytes

    (@talentbitsandbytes)


    Hi,

    I thought this might help others if you are trying to edit the CSS code to center all of the widgets within the sidebar, this is the code you enter into the CSS editor:

    .widget {
    	font-size: 15px;
    	padding-top: 20px;
    	text-align: center;
    }
    
    .widget .title {
    	font-size: 20px;
    	font-weight: bold;
    	margin: 0 0 5px;
    	padding: 0;
    	text-transform: uppercase;
    	text-align: center;
    }
    
    .widget ul {
    	list-style: none;
    	margin: 0;
    	text-align: center;
    }
    
    .widget li {
    	padding: 0 0 5px;
    	text-align: center;
    }
    
    .widget li:last-child {
    	padding: 0;
    	text-align: center;
    }
    
    @media only screen and (max-width: 1200px) {
    	.sidebars #secondary .widget:first-child {
    		padding-top: 20px;
    		text-align: center;
    	}
    }
    
    @media only screen and (max-width: 992px) {
    	.sidebar #primary .widget:first-child,
    			.sidebars #primary .widget:first-child {
    		padding-top: 20px;
    		text-align: center;
    	}
    }

  • The topic ‘Centering Widgets in side bar’ is closed to new replies.