How to use different headers on different WordPress pages

wordpress different headers

Loading WordPress different headers on separate pages was something which I needed during my work on many websites created on this beautiful platform. I’m not talking here about showing a different graphic image on separate pages as this can be easily achieved without having to create separate .php files in WordPress theme folder like we will discuss in this tutorial. So this article is useful when you actually need totally different look and functionality on various WordPress pages.

Read more

How to remove Google Remarketing or Conversion iFrame white space

I have encountered a weird problem some time ago and I had to do some research to solve it. I was working on a website and added a Google Conversion iFrame code. Google recommends to add the conversion tracking tag between the body tags (). After that, I realized that the top of the website had a weird white space. That was looking ugly and I needed to remove that. I did some research on Google and found a CSS solution which was perfect.

Read more

Open WordPress menu item link in a new browser tab or window

wordpress menu item configuration options

Opening a WordPress menu link in a new window or tab it is actually easy, but sometimes, like it happened to me also, when you are a beginner or intermediate user of this great CMS, it can be tricky.

So you have built a WordPress menu and you want one of the menu items to open in a new tab or window on your Firefox, Chrome or whatever browser you use. That is probably you have a menu item that links to another website, or to a .pdf or maybe a page with testimonials or whatever.

Read more

A simple solution for a CSS responsive background image

One of the problems I’ve encountered when I started to develop responsive websites was the ability to create a CSS responsive background image. Then I’ve found a solution which, for now, it is a good one and I would like to share it with you.

The solution it is simple and it implies to use background-size: 100%; for the container which has the background image and also, to make it fully responsive, a new conainer with top padding it is needed. Let’s see exactly how will this work on Bootstrap 3.0 CSS framework.

Read more

Bootstrap 3 grid system explained

Bootstrap grid system overview

Bootstrap grid system was confusing for me the first time I used it. Recently I did some research to change the old CSS framework that I usually use for my web projects. After long searches and tests I decided that Bootstrap 3.0 it will be the best for me. I’m still not fully happy about Bootstrap, mainly because the fact that the menu does not accept multiple menu levels, but I have did some changes to make it work as I want.

As I said, the problem which I encountered with Bootstrap was the grid system. Although it is something logical, it was confusing for me in the beginning and it took me some time to understand it so I can benefit the maximum of all features.

Read more