Category Archives: CSS

Display only number of list item from all

It will display only 6 list item from all

li:nth-of-type(1n+6) {
display: none;
}

css for Print web page

header.php
<link rel=”stylesheet” href=”<?php echo get_template_directory_uri(); ?>/css/print.css”
type=”text/css” media=”screen, print” />

print.css

@media print {

/* Avoid to display link on anchor tag */
a:link:after, a:visited:after {
content: “” !important;
}
}

Live css and js files

jQuery min.js

http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js

Arrange css for checkbox into loop

<style type=”text/css”>
label.chkbox  {
display: inline-block;
padding-left: 15px;
width: 141px;
}</style>

<label class=”chkbox”><input type=”checkbox” /> <?php echo $term_list; ?></label>

Border only last child

.col-md-4.header-top-custom-login li {
border-left:1px solid #696865;
}
.col-md-4.header-top-custom-login li:last-child {
border-right:1px solid #696865;
}

box listin not displaying proper into loop

Use in .css

#services .span3.listing-status-for-sale:nth-child(3n+3){
clear:both;
}

Remove # sign from anchor tag

HTML

<a href=’javascript:void(0)’>

CSS

text-indent:-555px;

%d bloggers like this: