create double stroke / border text using CSS

This tutorial I am explaining how to create double stroke / border text using CSS as shown below.

create double stroke / border text using CSS

While developing the website we need to came across the situations like this.We can add the one stroke using the ‘text-stroke’ property and then use the text shadow as shown below.

Html code

<h1 class="heading">
    Double stroke text

create double stroke / border text using CSS

    .heading {
        font-size: 60px;
        -webkit-text-fill-color: #8cc63f;
        -webkit-text-stroke-color: #000000;
        -webkit-text-stroke-width: 2px;
        text-fill-color: #8cc63f;
        text-stroke-color: #000000;
        text-stroke-width: 2px;
        text-shadow: -1px 1px #bd1000, 2px 1px #bd1000, 2px 2px #bd1000, -2px 2px #bd1000;

Please try the above css code for getting the double stroke text and if you have any further queries please post a comment below.

Please also refer other php and wordpress tutorials

Display RSS Feed

Do you want to display RSS Feeds from other websites into your website?

I have created this plugin to meet your needs. This help in getting your site automatically updated in line with the other website. This extension helps to read contents of RSS/news feeds and display them on your webpage.You just need to insert the feed URLs of the relevant websites on the webpage where you want to display them after you install this plugin. This plugin support .xmland .rss feeds.

This plugin is very easy to install. Main steps include:

Table Pagination

This tutorial will explain how to add pagination to the table data. Here I am extending the tablesorter plugin. Using this extended version you do the following functionalities

  1. Can display multiple tables on a single page and add the pagination separately
  2. Can change the number of rows to display for each table separately
  3. Can move to the selected pages on a click
  4. Can also use the first, next, previous and last buttons

Photo Slideshow

Photo slideshow is a responsive wordpress plugin which display photos/image galleries in the banner/page/post/sidebar/footer of your wordpress site. This plugin display images related to a post /page and you can also create your own custom galleries. Images are displayed as a fade in /out slideshow. There is also option to set various parameters from the backend.

Main Features:

  • Responsive
  • Display images related to post/page in your banner/pages/footer/sidebar
  • Display images from the gallery.

Parameters you can set from the backend

  • Show / hide Captions.
  • Show/hide pagination
  • Show/hide next and previous buttons
  • Can display images with different dimensions

Photo gallery created using this plugin are responsive with respect to the screen size. This plugin is very helpful for those who manage a portfolio site or any site displaying a series of images or photos.