Posts Tagged: twitter bootstrap
-
Code for using Twitter Bootstrap thumbnail and hover over the image to see title and excerpt
This is the code for using Twitter Bootstrap thumbnail and hover over the image to see title and excerpts. It also provides a link to the full post. [crayon-5199bc72ae652/] [crayon-5199bc72ae6a2/]
-
Trying out the thumbnail markup in Twitter Bootstrap
Tested possibilities of the thumbnail markup that is possible in Twitter Bootstrap I just tried using the same size images and some extra markup to create a hover effect. I had used a similar effect in another context. I searched around on the web but could not find a good solution so I decided to adapt... Read more »
-
Typography and the WordPress Twitter Bootstrap Theme
Trying to create a child theme using the WordPress Twitter Bootstrap Theme but focusing on typography. An easy method to change fonts and sizes without having to check every possible combination of tags. I first had a look at this article on responsive design and font sizes. This looked easy enough to implement and use, until... Read more »
-
More Bootstrap editing, css styling.
I did more work on fine tuning the css for some child themes. They are based on this bootstrap theme, but I also have added some code (navigation per article and breadcrumbs) and css (lists in widgets) from Rachel Baker’s take on a bootstrap theme. The biggest issue I had (and have) is that the... Read more »
-
Adding Footer widgets, especially to the Twitter Bootstrap Theme.
The Twitter Bootstrap WordPress Theme is a responsive theme. As a theme it still needs some work but there is a lot of good stuff. I have added some code to about.kuilder.net to get three widgets areas in the footer: To Functions: (functions.php) if ( function_exists('register_sidebar') ){ register_sidebar(array( 'id' => 'footer1', 'name' => 'Footer 1',... Read more »
-
Adding a background to twitter Bootstrap responsive WordPress theme
There is a background image, it is not one that is set in the config but done by pure css: /* provide a background image */ html { background: url(bg.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } Then I added padding and a transparant background: #content{ padding:10px; /* Fallback... Read more »
Follow Us!
Fast Products In payday loan Notes