These are the CSS notes I need to make in the process of building the page.

How to divide the page into two using Bootstrap,

<body>
	<div class="container">
		<div class="row">
			<div class="col-md-3">
				<div class="col-sm-12">
                                   ...
                                </div>
                        </div>
                        <div class="col-md-9">
				<div class="col-sm-12">
                                   ...
                                </div>
			</div>
                </div>
         </div>
</body>

How to remove bullets from wp_list_categories(),

.pt-cv-readmore {
		    visibility: hidden;
		}

How to adjust text alignment when the window is resized (buggy),

.pt-cv-content {
    		overflow: hidden;	
    	}

How to add borders between <li>,

li.cat-item {
    		list-style-type: none;
    		padding: 5px 0px 5px 0px;
    		border-bottom: 0.7px solid #C5C5C5;
    	}

How to remove the last bottom-border,

li.cat-item:last-child { 
    		border-bottom: none;  
    	}

How to move the paginated box to the center,

.pt-cv-pagination-wrapper {
    	display: flex;
    	justify-content: center;
    	text-align: center;
 }

How to move Popular Posts a bit to the left, (note: margin can be negative)

.wpp-list li{
    	margin-left: -35px;
}

Comments

Leave a Reply

Your email address will not be published. Required fields are marked *