Common CSS Mistakes To Avoid When Customizing Your WordPress Theme

Posted by Tushar Bedekar
Irrespective of how well-designed your WordPress theme may be, you may want to change its layout to match the changing web trends or users' needs. In order to make modifications to every WordPress theme layout, you'll have to make changes to your theme's CSS file (or style.css).

What's more? The CSS file gives you the ability to format your theme's elements, in order to improve the visual aesthetics of layout. In essence, you can make any changes to your WordPress theme's as you want using the CSS stylesheet. For instance, you can change the position of sidebar, size of the header and footer in theme's web pages and so on.

When writing a CSS for the WP powered site, you can easily make changes to your theme layout with a few clicks, but you can even mess up your layout while making tweaks to your CSS. In case, you encounter any issue with the website theme layout, you'll most likely visit a WordPress forum or community to find what just went wrong. Indubitably, there are a number of willing volunteers ready to help you, but wouldn't it be better if you could resolve the problem on your own following some simple steps. 

So to help you, I've compiled a list of some common CSS mistakes that WordPress users (especially beginners) occasionally make during theme customization.

Missed Spelling Errors

Perhaps the most common CSS mistake that a novice often makes when customizing a WP theme is missed spelling errors. But, the irony is that even professionals make missed spelling errors! Theme customization is not a simple task and requires to pay attention to several aspects, and thus it's easy to overlook spelling errors. For instance, it's easy to write "left" as "leftt", or you may assign "11ps" for a margin instead of "11px". Wondering how you can deal with this problem? Don't worry, as CSS validator help catches missed spelling mistakes for us.

Forgetting Little Details Regarding CSS Selectors

Regardless of how creative you may be in writing CSS, there are some guidelines you need to follow. Each CSS selector is segregated into 3 different classes, such as:

·         ID
·         Class
·         HTML tags

It is important for you to ensure that the selector needs to be identified either as an ID or a class except when it is an HTML tag. Also, make sure that the selector is defined in the right format as shown below:

{ property: value; property: value; }

As you can see in the above line of code, each selector contains some properties (along with values), curly brackets, colons and semi-colons. In case, you miss any of these little details, your CSS selectors won't work. Fortunately, CSS validator make you learn about the such little forgotten details.

Placing Design in Wrong Selector

Even though, you have created an excellent website design, adding it in #content when the design was actually meant to be added in the #content-text selector won't make any changes to your theme layout. There's nothing to worry, as you can immediately see the mistake you've made when viewing the page. All you need to do is cut and paste your design contents in the right tag, and once it's completed make sure to delete your design from #content. Worried what happens if you lost the code? You can refer to your backup file.

Note: Make sure to create a backup for your CSS stylesheet, so that you can get your lost data as and when required.

Placing Content in Wrong Template Module

There's no denying that WordPress new modular templates are very useful, however, one problem with using such templates is that users often do mistakenly make modifications to the wrong module file. That's because, the files have similar names. For instance, you may make changes within comments.php rather than comments-popup.php. In case such an accident happens, a backup of your file can prove very useful for you.

Multiple Choices May Cause Problems

In many cases, developers often create two references to the same CSS selectors. If you're having several selectors with conflicting information, CSS can't recognize which reference it must use. You will most likely come across this issue when you bring up your existing CSS stylesheet over a new one. For example, in case you're having a fight with a selector for, let's say, h2 heading and nothing happens then make sure to search throughout your stylesheet to see if it contains a second reference to that selector or not.


If you made some changes to your CSS file to customize your WordPress theme, and found the theme broken or cannot see any changes, it is recommended that you should go through all of the aforementioned key points. This will help you learn about the common mistakes you might have made when writing CSS.

Author Bio:

Jack Calder is working as Web developer in Markupcloud Ltd. Which is the top psd to  html conversion company. Instead of all these things he also shares important & useful information regarding new updates.

Publisher's Last Words:

This is a guest post by Jack Calder, Thanks to Jack Calder for this awesome and useful information.if you want to post your article on you can contact me. For more about Computer programming and for many more about Computer or web designing stay connected with .
I hope you have got answers of some Questions by this small post and I know you have lot of questions, So please feel free to ask in comment section or you can mail me my    e mail id is : 
Read More

Header File In C Programming language

Posted by Tushar Bedekar
As We all know that in the C programming language we use to include the header files before staring the programming further. so lets view today what these header files mean to us.

As in the old programming IDE`s such as turbo c etc. we use to write as below
These two are the basic header files that we usually include.There can be also different types of the header files such as<math.h>,<string.h>,<graphic.h>,<string.h>,user defined header files and many more depending on the type of the requirement in the program me before moving further lets us first know what s header file.

What is Header File:-

A header file is a file with extension .h which contains C function declarations
and macro definitions and to be shared between several source files. There are two types of header files: the files that the programmer writes and the files that come with your compiler.

You request the use of a header file in your program by including it, with the C pre-processing directive #include like you have seen inclusion of stdio.h header file, which comes along with your compiler.

Including a header file is equal to copying the content of the header file but we do not do it because it will be very much error-prone and it is not a good idea to copy the content of header file in the source files, specially if we have multiple source file comprising our program.

Include Syntax:-

Both user and system header files are included using the preprocessing directive #include. It has following two forms:
#include <file>
This form is used for system header files. It searches for a file named file in a standard list of system directories. You can prepend directories to this list with the -I option while compiling your source code.
#include "file"
This form is used for header files of your own program. It searches for a file named file in the directory containing the current file. You can prepend directories to this list with the -I option while compiling your source code.

Include Operation:-

The #include directive works by directing the C preprocessor to scan the specified file as input before continuing with the rest of the current source file. The output from the preprocessor contains the output already generated, followed by the output resulting from the included file, followed by the output that comes from the text after the #include directive. For example, if you have a header file header.h as follows:
char *test (void);
and a main program called program.c that uses the header file, like this:
int x;
#include "header.h"

int main (void)
   puts (test ());
the compiler will see the same token stream as it would if program.c read
int x;
char *test (void);

int main (void)
   puts (test ());
The Next Discussion Will Be on Introduction to a various types of header files in brief. so stay connected with us.Readers One Important note for you (if any one wants to share there articles with us on any topic please click the link belowWrite for Us
Read More

The Bulid Process

Posted by Tushar Bedekar
Before Going more with this topic let us first understand what it is? Basically it is a process which takes place in order to build the .exe (executable file) from the code written in the editor or any integrated development environment.

Here this article is in the reference to the "C and C++ programming language".

C Source Code:-

The code that you have written in the editor is referred to as a source code.In "C Programming" language this source code is stored with an .c extension and in that if the C++ programming language it is being stored with the .cpp extension.

This source code includes many user

  • User defined functions   
  • Many library functions 
  • Macros Definition
  •  And native codes
for more info please refer Source Code Vs Object Code


Now this is the  first step in build process.During this step the C source code is get expanded on the basis of pre processor directives included in the sources code. These pre processor directives may include 
  • #include
  • #define
  • #ifdef and #pragma etc. 
During this pre compilation process the source code that is being stored in the .c format is get converted into the .I extension which is referred as the expanded source code.for example the stored in the form of tushar.c format is get converted into the form of tushar.I format. that means we can say the during the pre compilation only the extension or the format of the code changes in the first step if the build process.


The remaining content will be updated within 10 hrs. so stay connected

Read More

How to use USB flash drive as ram in windows 8, 7 and XP (pendrive)

Posted by Tushar Bedekar
Many of the programs in the system uses lots of memory during operations. The processing speed of a system depends on RAM.  So to solve this problem use your pendrive or USB as a RAM.
Using pendrive as a RAM increases the system performance. It is not a difficult process you can easily do this with the help of the following simple steps.
First insert your pendrive (minimum 2GB recommended).
Format your pendrive.

Steps for Windows XP
  • Right click on “My Computer” and go to “properties”.
  • Now click on ‘Advance tab’.
  • Click on the ‘settings’ of performance.
  • Now the performance options appear. Go to ‘Advance tab’.
  • Click on ‘change’ option of virtual memory.
  • Select your pen drive.
  • Click on ‘custom size’ which is a radio button. It displays the initial and maximum size of the pen drive.
  • Click on ‘set’ button.
  • Click ‘OK’ to complete the setup. 
Finally you had to restart your PC.
Steps for Windows 8 and 7
  • Plug in your Pen drive.
  • Format it.
  • Right click on the pen drive icon.
  • Select ‘properties’.
    • Select ‘Ready boost’.
    • Click “use this device”.
    • Now select the maximum space that  RAM can give to the computer.
    • Click ‘ok’ and ‘apply’.

      There is a software called Eboostr which uses the hidden RAM in your computer. You can configure more than 4 pen drives with this software.

Read More

Can we write any thing inside the main function in c?

Posted by Tushar Bedekar
Image result for cyes we can write inside the main function.That is we can pass formal arguments inside the main function in c.we can declare any variable inside the main function which is same as declaring the variable inside the block of the main function. lets have a look on the program given below:


#include <stdio.h>
#include <stdlib.h>

int main(int a,int b)
    int c;
    printf("\"enter the two numbers\"");
    printf("the sum of %d and %d is %d",a,b,c);
    return 0;

Have A Try:-

Can we Store Something in the void Data Type.If no then what is the purpose of using void as a modifier or a data type in "C Programming" languages.put your answer in the form of the comment.

you many also contact us at contact us
Read More

Write a C program for Generating a pattern as given bellow

Posted by Tushar Bedekar
A B C D E F     F E D C B A
A B C D E            E D C B A
A B C D                   D C B A
A B C                           C B A
A B                                   B A
A                                          A

C Program me:-

#include <stdio.h>
#include <stdlib.h>

int main()
    int l=6;
    int i,k,p=6,m=1;
    char ch,kp='F',tu;
    printf("ABCDEFGFEDCBA \n");

            printf(" ");


    return 0;

Read More

IDE,Linker,Editor,Console And Debugger

Posted by Tushar Bedekar
Basically If We talk About writing the "C Program-me" We usually use the IDES (Integrate Development Environment) such as Turbo C++,Dos box(specially for windows 7 and windows 8). More over one can also use online software's to compile and execute the c program-me.

Integrated Development Environment IDE:-

Basically place that we use to write the "C program-me" is referred to as the Integrated development environment (IDE).An integrated development environment (IDE) or interactive development environment is a software application that provides comprehensive facilities to computer programmers for software development. An IDE normally consists of a source code editor, build automation tools and a debugger. Most modern IDEs offer Intelligent code completion features.


A linker or link editor is a computer program that takes one or more object files generated by a compiler and combines them into a single executable program.

Definition: To convert Source Code to Machine code takes two phases.
Compilation. This turns the Source Code into Object Code.
 Linking. This collects all the various Object Code files and builds them into an EXE or DLL.
Linking is quite a technical process. The obj files generated by the compiler include extra information that the linker needs to ensure that function calls between different obj files are correctly "joined up".


A text editor is used to edit plain text files.  Text editors differ from word processors, such as Microsoft Word or WordPerfect, in that they do not add additional formatting information to documents.  You might write a paper in Word, because it contains tools to change fonts, margins, and layout, but Word by default puts that formatting and layout information directly into the file, which will confuse the compiler.  If you open a .doc file in a text editor, you will notice that most of the file is formatting codes.  Text editors, however, do not add formatting codes, which makes it easier to compile your code.

An Editor is an program much like a Word Processor that you use to edit the Source Code of any program you write.

Most IDEs come with a built in editor and some will automatically highlight compile errors in the editor to simplify fixing them.


(1) The combination of display monitor and keyboard (or other device that allows input). Another term for console is terminal. The term console usually refers to a terminal attached to a minicomputer or mainframe and used to monitor the status of the system.
(2) Another term for monitor or display screen.
(3) A bank of meters and lights indicating a computer's status, and switches that allow an operatorto control the computer in some way.
(4) A device specially made for game play called a video game console. The player interacts with the game through a controller, a hand-held device with buttons and analog joysticks or pads. Video and sound are received by the gamer though a television. See also console game.
(5) In Windows Home Server the Console is the application software you use to manage Windows Home Server from any of the computers on your home network. Here you can configure back-ups, access add-ins, configure folders, and change Windows Home Server settings.


A special program used to find errors (bugs) in other programs. A debugger allows a programmer to stop a program at any point and examine and change the values of variables.

Most IDEs come with a built in editor and some will automatically highlight compile errors in the editor to simplify fixing them.

Read More

Upcoming 4GB RAM Mobiles in India

Posted by Tushar Bedekar
Ever since Intel, Qualcomm, and MediaTek invented 64bit ARM mobile chipsets, smart phones have become smarter with manufacturers fitting them with 4GB of RAM. In fact, 4 GB RAM has become a top selling feature in the high end smart phones being sold around the world. Many smartphone manufacturers have announced their new devices fitted with 4GB RAM and soon these advance mobile phones will make their entry in India. This article lists some of the best 4GB smart phones that will soon be available to Indian consumers.

Motorola Moto X 3rd Generation 2015:-

Motorola has not made an official announcement yet, but there have been leaked reports on internet that confirm the fact that Moto X 3rd generation 2015 is soon to be launched in India. This is a very advance smartphone with high end specifications. It is believed to have a massive 5.2 inch screen that produces a resolution of 2560X1440pixels. The monitor will have protection from scratches through Corning Gorilla Glass 3. However, the outstanding feature of this state of the art technology smartphone is rumored to be humongous 4GB RAM.
Moto X 3rd generation 2015 will run on latest Android v5.0 Lollipop and it will be fitted with a dual core 1.8GHz Cortex A57 processor. It will be available in both 32GB as well as 64GB models and there will be no slots for expansion of internal memory. It will be a dual camera device with a 15 MP rear camera and a front 5MP camera capable of recording videos n full HD (1080p). Another outstanding feature of this smartphone will be its fast charging battery. The smartphone is fitted with a non removable Li-ion 3280mAh battery that can be charged 60% in just 30 minutes.

Oppo Find 9:-

Find series from Oppo smartphones has become extremely popular among consumers in India
because of their unique features and high end specifications. Oppo 7 was the last smartphone made by the company that created lot of buzz with its stylish looks and high end features. There are a rumor that next in line is Oppo 9, a smartphone that would boast a 4GB RAM and Quad HD display on a 5.5 inch monitor. It will have 32 GB of internal memory and will be powered by Snapdragon 810 processor that is octa core. This beautiful smartphone will run on latest Android v5.0, also called Lollipop.

Xiaomi Mi5:-

Chinese smartphone manufacturer Xiaomi is planning to launch a new smartphone called Xiaomi Mi5 that is slated to have very high end specifications including Snapdragon 820 processor and a massive 4GB of RAM. It will be a successor to the very popular MI series that is a strong rival of Apple iPhone 6 and Samsung Galaxy 6. Though Xiaomi has this phone ready but the company waited for the release of the super fast processor from Qualcomm. Now this smartphone will be released in the month of November.
Mi5 will boast of a huge 5.5 inch screen that will produce a quad HD display. It will have a gigantic 4GB RAM that is much higher than 1 GB RAM of iPhone 6 and 3GB RAM of Samsung Galaxy 6. Another USP of this stylish smartphone will be fingerprint scanner. This scanner will not require a button or a sensor as is the case with iPhone 6 or Galaxy 6. This smartphone will e fitted with a 15 MP rear camera and an 8 MP front camera.

Huawei Honor 7 :-

Honor is the name of a very popular smartphone series made by Chinese manufacturer Huawei. The company is preparing to launch its next flagship product called Huawei Honor 7. There will actually be two models namely Honor 7 and Honor 7 Plus. It is Honor 7 Plus that will boast of 4 GB of RAM and 128 GB of onboard memory. It will have a 5.5 inch screen producing a resolution of 1080p.This phone will be fitted with a very large 4000mAh battery. It will have a great 13 MP rear camera.  Another outstanding feature of the phone will be its body that is rumored to have been made using aircraft grade metal.

 Sony Xperia Z5:-

Xperia is a very popular flagship series of smart phones from Sony. The company is believed to be
working on is new smartphone in this series that will be called Z5. This smartphone will have a qHD display producing a resolution of 1440 x 2560pixels. It will be powered by the latest Snapdragon 820 processor and boast of a huge 4 GB of RAM. Another unique selling feature of this smartphone will be a 21 MP rear camera. This will be the first Sony smartphone fitted with Sense ID fingerprint scanner. The battery of this smartphone will have the ability to charge quickly n a few minutes. It will be a very beautiful and stylish smartphone with a totally clean front without any buttons. There are also rumors that Xperia Z5 will be fitted with a 10 MP front camera.

There are some more smartphones soon to be launched in India that will be fitted with 4 GB of RAM. The prices of these phones varies between manufacturers and the features and specifications it gets. Overall, 2015 will be a challenging year for all these manufacturers. However, the smartphones described above are those that are most talked about because of their features and specifications besides 4 GB RAM Mobile

Authors Bio:

The article has been written by Kundan Srivastava, who is passionate about technology. He's working at and writes about the latest in the tech domain, right from devices to innovations. 

Publisher's Last Words:

This is guest post by Kundan Srivastava, Thanks to Kundan Srivastava for this awesome and useful information.if you want to post your article on you can contact me. For more about Computer programming and for many more about Computer or web designing stay connected with .
I hope you have got answers of some Questions by this small post and I know you have lot of questions, So please feel free to ask in comment section or you can mail me my    e mail id is : 

Read More
back to top