Articles tagged with: CSS


Nov 20, 20118

How to Use Firebug to Modify Your WordPress Site’s CSS (Video Tutorial)

Categories: CSS, Video Tutorial, Wordpress
How to Use Firebug to Modify Your WordPress Site’s CSS (Video Tutorial)
In this video tutorial we will show you how you can customize the sytle of your WordPress site easily using a FireFox addon called Firebug. You can do the same thing using Google Chrome's inspector tool too. We'll do this by walking you through a live example in which we will make a selection of modifications to a standard WordPress site using the TwentyEleven WordPress theme. What is Firebug Firebug is a handy tool which every web developer and blog owner should have in their arsenal. Firebug enables you to very easily investigate or troubleshoot almost any CSS design question or problem. It is an ideal tool for WordPress bloggers because you can use it to assist you in making modifications to your WordPress site's styling or layout. What will be Covered in this Video Tutorial we will show you examples of CSS modifications for properties and scenarios such as the following:Changing the background color of a page Modifying the padding and margin properties to achieve a particular spacing between elements Changing the colors of text such as the main blog title and post titles Moving a particular element on a page by modifying some of its propertiesUse Firebug to Modify Your WordPress Site's CSS Video Part 1Use Firebug ...
May 17, 20115

CSS Bugging You? Fire Those Bugs!

Categories: Blogging Tips, CSS, Shop Admin Tips, Wordpress
CSS Bugging You? Fire Those Bugs!
Cascading Style Sheets; Cascading Style S***; Convulsions, Sleeplessness & Spaghetti -- whatever you choose to call it, figuring out what's going on with your CSS can be one of the most maddening tasks a site administrator can face.  In this article, you will learn about a tool that will lessen your frustrations.In the beginning, when web pages contained only static content, HTML coding was used to define both the content and the way (style) in which information was presented to users.  Formatting, or markup codes, affecting the way content was styled was easy to debug; because the codes were usually located in proximity to the content being affected, and it was not possible for the formatting of one display element to affect another.With the advent of dynamic web pages, and content management systems such as WordPress, it became necessary to separate the styling of display elements from the actual content.   By defining element styles separately from the content, it became easier to give users a consistent presentation experience, independent of the actual content.  The styling for paragraphs, table, bullets and headers could be defined once in a style sheet, and then applied consistently throughout the content.The CSS markup language ...
Mar 6, 201026

Basic Guide to CSS

Categories: CSS
Basic Guide to CSS
Many people want to make simple CSS changes but do not know where to start or are afraid that they will change the wrong thing. As a result of this I get asked a lot of CSS related questions from new WordPress users. The fact is that learning CSS is not really that hard. Once you get a hang of the basics, you can quickly become an advanced CSS user if you keep playing around with it. In this article I have explained how to do simple CSS modifications, hopefully it will be of some help to some of you. Let's get started. First, you should make a back up copy of CSS files you are going to modify. You should do this with any file you plan on modifying incase something goes wrong, you can always revert back to the version you know works properly.What is CSS "Cascading Style Sheets (CSS) is a style sheet language used to describe the presentation semantics (that is, the look and formatting) of a document written in a markup language. It's most common application is to style web pages written in HTML and XHTML, but the language can be applied to any kind of XML document, ...
Jan 25, 201012

10 Common HTML Mistakes to Avoid

Categories: Web development
10 Common HTML Mistakes to Avoid
The following is a list of common HTML mark up mistakes made by front end developers. Whether you are a newbie web designer, or a programmer who wants to try his hands in UI designing, try to avoid these mistakes.1. Don't place Block elements within Inline elements An HTML element is displayed as Block or as Inline by default. Block elements, such as divs and paragraphs, make up the structure of the document. Inline elements reside in these blocks, such as anchor and span tags. So you should never put blocks inside inline elements.Wrong: <a href="#"><h2>Block inside Inline</h2></a> Right: <h2><a href="#">Inline inside Block</a></h2> 2. Always have the alt attribute for image tags The ALT attribute is a required one for IMG tags, it describes the context of the image. It helps your user on a screen reader or with a slow connection to decide whether or not the image is important. It also makes the web crawler index your contents better. If the images is just for show, use an empty ALT attribute like alt=""Wrong: <img src="profilepic.jpeg"/> Right: <img src="profilepic.jpeg" alt="Profile pic of the user"/> 3. Don't use line breaks to show a list If you wan't to show a list of things in bulleted or numbered ...

Newsletter Subscription

Follow us for news, site and product updates, tips and freebies.

rss icon mail_icon twitter_icon

Search

Your Shopping Cart

Shopping Cart Empty
Shopping Cart is Empty
Visit The Shop

Project Stats

Blog Stats
Projects Page
Google PageRank
6,461
6351
814

Browse Posts By Category

Comment & Socialize

Here are some recent comments from our users.

Welcome to Tips and Tricks HQ

Tech tips, WordPress plugins, WordPress blog tweaks and Technical tips to build a better blog.

If you have a WordPress site you will love us. If you sell something from your WordPress site, you will love us even more!

Featured & Popular Articles

Tips and Tricks Hot Items

wordpress estore plugin
wordpress membership plugin
WordPress PDF Stamper Plugin
WordPress Lightbox Ultimate Plugin
WordPress Affiliate Link Manager Plugin
wordpress affiliate plugin