Customizing Your WordPress Theme

Posted on June 11, 2014 in Roadsters

Whether you’ve spent endless hours searching for a flawless theme for your blog, or you were lucky enough to come across the one that matches your purposes right away, chances are, there still might be some things you’d prefer to have different. After all, you want your website to meet your personal idea of perfection, don’t you?

While customizing your theme, you will have to do some coding with CSS. But before you start to panic, we want to assure you that there really is nothing to worry about – once you get a grip on the essentials, adjusting themes will be a piece of cake!

The fact is, CSS is a language that allows applying a style to HTML, so there is not that much to it. All you have to do is specify the selectors and apply the properties. Hence, owing to the handy indicators (ID’s and classes), you can easily customize any part of your website.

In case you are afraid to mess something up, there is a convenient tool that lets you practice CSS. It is also not far to seek, as this tool is built in two major browsers – Google Chrome and Safari. This way, you can make CSS changes to any website you are currently browsing. But don’t get overly excited – these changes will only be visible to you, whereas everyone else will see the website in its original design. Still, it is a nice way to acquire skills you will need while customizing your own blog.

When you feel you’ve had enough practice, proceed and and apply changes to your WordPress site. Our themes have a separate CSS file with all of the style data you can edit. To customize your theme, all you have to do is navigate to Appearance > Editor, where you can open your stylesheet (style.css file). Once there – you can make any adjustments you want, this time for real. Hit Update File – and all changes will come to life on your website!

Unfortunately, we do not reply to your questions here. In case you would like to specify some details, or if you have any questions regarding our products, please feel free to contact us on our Support Forum – support.bestwebsoft.com.

Tags: , , ,

Keep Up With the Times – Make Your Theme Responsive

Posted on June 11, 2014 in Muscle Cars, Sedans

Nowadays, the Internet is no longer associated solely with PCs. Instead, a growing number of people use smartphones and tablets, which are super convenient to carry around, and which grant you access to the web virtually anywhere you go. The problem is, a large number of websites are still not meant to be displayed on the smaller tablet or smartphone screen, so the content of these sites is really hard to read. We bet you don’t want to lose your readers because of that, so the best way to fix this issue is to make your theme responsive.

Put simply, you need to make your site adjust itself to fit into any screen size. The crucial component of making your theme mobile friendly is creating an appropriate layout. We suggest you make a sketch of your theme in three screen sizes – one for a desktop computer, one for a tablet, and, finally, one for a phone or any other handheld device. This way, you can organize the theme structure to look uncontrived, while being completely comfortable to work with.

Most importantly, you have to make the sidebar move to the bottom to be shown under the content yet above the footer when your theme is displayed on smaller screens, and float to the left for large screens. To make such changes, you should access the style.css file and change the code accordingly, adding the media queries to the bottom of the file. Also, you can improve readability by changing font styles, or adjust colors and backgrounds to match new page organization.

It is always best that you have an elaborate plan before you actually start making changes. We recommend you to keep track on the mobile devices that are now being used, so your changes are of current interest. Remember, the more flexible and responsive you make your theme, the better it will work and look across different devices.

Unfortunately, we do not reply to your questions here. In case you would like to specify some details, or if you have any questions regarding our products, please feel free to contact us on our Support Forum – support.bestwebsoft.com.

Tags: , , ,
← Older posts