Styles can be used in Editor

Exclusive Feature in Pro Edition

Font Style

class=”blue” Blue class=”blue_bg” Blue
class=”light-blue” Light Blue class=”light-blue_bg” Light Blue
class=”aqua” Aqua class=”aqua_bg” Aqua
class=”green” Green class=”green_bg” Green
class=”yellow” Yellow class=”yellow_bg” Yellow
class=”pink” Pink class=”pink_bg” Pink
class=”red” Red class=”red_bg” Red
class=”purple” Purple class=”purple_bg” Purple

Block Style

Blue: class=”blue_block”

Light Blue: class=”light-blue_block”

Aqua: class=”aqua_block”

Green: class=”green_block”

Yellow: class=”yellow_block”

Pink: class=”pink_block”

Red: class=”red_block”

Purple: class=”purple_block”

Button Style


class=”border_btn” Border Button
class=”flat_btn white” Flat Button
class=”flat_btn transparent” Flat Button
class=”flat_btn blue” Flat Button
class=”flat_btn light-blue” Flat Button
class=”flat_btn aqua” Flat Button
class=”flat_btn green” Flat Button
class=”flat_btn yellow” Flat Button
class=”flat_btn pink” Flat Button
class=”flat_btn purple” Flat Button
class=”flat_btn black” Flat Button


class=”border_btn large” Border Button
class=”flat_btn white large” Flat Button
class=”flat_btn transparent large” Flat Button
class=”flat_btn blue large” Flat Button
class=”flat_btn light-blue large” Flat Button
class=”flat_btn aqua large” Flat Button
class=”flat_btn green large” Flat Button
class=”flat_btn yellow large” Flat Button
class=”flat_btn pink large” Flat Button
class=”flat_btn purple large” Flat Button
class=”flat_btn black large” Flat Button

Width Shadow

class=”border_btn box-shadow” Border Button
class=”flat_btn white box-shadow” Flat Button
class=”flat_btn transparent box-shadow” Flat Button
class=”flat_btn blue box-shadow” Flat Button
class=”flat_btn light-blue box-shadow” Flat Button
class=”flat_btn aqua box-shadow” Flat Button
class=”flat_btn green box-shadow” Flat Button
class=”flat_btn yellow box-shadow” Flat Button
class=”flat_btn pink box-shadow” Flat Button
class=”flat_btn purple box-shadow” Flat Button
class=”flat_btn black box-shadow” Flat Button

Ripple Effect

class=”border_btn ripple” Ripple Border Button
class=”flat_btn blue ripple” Ripple Flat Button

With Icon

<a class="border_btn ripple box-shadow" href="#"><i class="fab fa-accusoft"></i>Border Button</a>

Border Button

<a class="flat_btn blue ripple box-shadow" href="#"><i class="fas fa-check"></i>Ripple Flat Button</a>

Ripple Flat Button

Box Shadow Style


All Features

  • May 9, 2010

    1300+ Icons Are Available

    Since Pjax Blog includes FontAwesome Icons, you can use them by pasting <i> tag copied from FontAwesome. Available Icons Learn More About Pjax Blog
  • Webfonts are available in Pro Edition You can apply google webfonts for the entire website, title and logo separately. Check Available Fonts on Google Fonts
  • Welcome to image alignment! The best way to demonstrate the ebb and flow of the various image positioning options is to nestle them snuggly among an ocean of words. Grab a paddle and let’s get started. On the topic of alignment, it should be noted that users can choose from the options of None, Left, Right, and Center. In addition, they also get the options of Thumbnail, Medium, Large & Fullsize. The image above happens to be centered. The rest of this paragraph is filler for the sake of seeing the text wrap around the 150×150 image, which is left aligned. As you can see the should be some space above, below, and to the right of the image. The text should not be creeping on the image. Creeping is just not right. Images need breathing room too. Let them speak like you words. Let them do their jobs without any hassle from the text. In about one more sentence here, we’ll see that the text moves from the right of the image down below the image in seamless transition. Again, letting the do it’s thang. Mission accomplished! And now for a massively large image. It also has no alignment. The image above, though 1200px wide, should not overflow the content area. It should remain contained with no visible disruption to the flow of content. And now we’re going to shift things to the right align. Again, there should be plenty of room above, below, and to the left of the image. Just look at him there… Hey guy! Way to rock that right side. I don’t care what the left aligned image says, you look great. Don’t let anyone else tell you differently. In just a bit here, you should see the text start to wrap below the right...
  • November 8, 2018

    Hello world!

    Welcome to WordPress. This is your first post. Edit or delete it, then start writing!
  • September 29, 2018

    Beautiful Markup: HTML Tags and Formatting

    The list of all major tags can be seen here. All tags are optimized to make well-featured contents.
  • September 29, 2018

    Extremely Optimized Page Speed

    Pjax Blog is extremely tuned and optimized for the best page load performance. Learn More About Pjax Blog
  • September 29, 2018

    AMP Auto-Generation

    AMP is available in Pro Edition AMP, or Accelerated Mobile Pages, is a free, open-source framework that allows you to create mobile pages that deliver content quickly. Why Is AMP Important? AMP is important because it helps web pages load faster which potentially improves usability and convinces visitors to stay longer on your site engaging with your content. The logic is straightforward: faster load time leads to better engagement, which reduces bounce rate and improves mobile ranking. It consists of HTML, JS, and cache libraries that, thanks to specific extensions and AMP-focused properties, accelerate load speed for mobile pages. AMP Pros #1 It speeds up website load time This one is obvious. With no useless elements to slow them down, AMPs are lean, slick, and fast. Users enjoy pages that don’t make them wait, so AMPs basically guarantee that your site brings in more visitors. #2 It increases mobile ranking Although AMP is not a ranking factor by itself, it has a positive influence on mobile ranking due to its faster load time. Potentially, if Google starts prioritizing AMPs, it will have even more of an effect on SERPs. #3 It improves server performance If your site generates tons of traffic from mobile, AMP will reduce the load on your servers and improve their performance. Pjax Blog Automatically Generate AMP instead of you In general, to use AMP, you have to develop your website to generate AMP since AMP doesn’t permit things such as form elements, third-party JavaScript and some other elements you may be used to having on your page in a standard implementation. But, don’t worry, Pjax Blog does it instead of you.   It’s following Structured Data Markup perfectly. Learn more about Structured Data Markup.
  • September 29, 2018

    Beautiful Seamless Transition

    Exclusive Feature in Pro Edition Add seamless transition to you website and make it more unique than others!
  • September 29, 2018

    Beautiful 60+ Pjax Animations

    See demo and select your favourable animation. In pro edition you can choose one from 60+ animations! Some Transition Patterns are available in Pro Edition Select Transition Pattern in demo window below. Click "Click Me" button in the Right Window.
  • Exclusive Feature in Pro Edition Gradient Background Color brings cool appearance to your website. Check the demo below and see how it looks. Header Bar Background Gradient   Mobile Menu Background Gradient