By default Unordered List in HTML render bullets on webpage. To remove bullets from unordered list you can set CSS rule list-style-type: none; for ‘ul’.
Inline Style: <ul style="list-style: none;"><li>...</li></ul>
Tag » CSS
How to speed up page rendering
In website, speed up page rendering is very important factor. Because if our page speed is fast then visitors can visit more pages on our site and can take a glance easily. We have to make our web pages fast but it’s not too easy to optimize web pages at each and every scale.
jQuery functions with CSS media queries for responsive website
Due to difference between CSS media queries based on max-width and jQuery’s ‘$(window).width()’ measurement (caused by the inconsistent ways in which browser media queries handle scrollbars), there is always a mismatch between ‘jQuery $(window).width()’ and CSS3 Media Queries. Which in turn causes some ugly or unexpected behaviour by your responsive website.
Convert an image to grayscale using CSS
Here is simple CSS rule to convert an image to grayscale using CSS or making image appear as black and white. As far as CSS filters are supported in webkit browsers, this solution is cross-browser.
Bigger & Fixed Search Box with Dropdown in Bootstrap Navbar
Twitter Bootstrap is powerful mobile first front-end framework that provides all the necessary components to develop responsive websites using its common elements. One of the most popular elements on any website is the top navigation bar and the search widget. On a recent project, I had to implement Bigger & Fixed Search Box with Dropdown in Bootstrap Navbar and making the search bar fixed across different screen size.
Difference between “display:none”, “visibility:hidden” or “opacity:0”
In HTML, We need to hide and show the elements according to our requirement and we achieve this with different ways. An element could be hidden with “display:none”, “visibility:hidden” or “opacity:0”. But these options are used according to their requirement because their usage are different.
Post and price tags using CSS3
You can create post and price tags using CSS3 and place them into your blog, ecommerce website or any other kind of website. This is a rather simple CSS trick which uses :before and :after pseudo-elements to draw triangle and circle in post and price tags we are creating here.
Implement styles on parent tag if it has children
We need to implement the css things based on the condition that the parent tag has a child or not. For the same,I faced an issue of implement styles on parent tag if it has children.
I found many tutorials for solving this problem using jQuery or javascript. But I was looking the solution using css.
Add arrow in anchor tag using css3
In every website, we use menu and other things with ordered/unordered list. For displaying nested or next level, we need to place the arrow to indicate next level. We can add arrow in anchor tag using css3.
Use functions.php to create child theme in WordPress
The old way to create child theme in WordPress is to place a style.css file in your child theme folder and import the parent stylesheet into the child theme. But WordPress documentation stated the use functions.php to create child theme in WordPress and use wp_enqueue_style() to enqueue the parent stylesheet.
[ Page 3 of 6 ]