CSS

Simple CSS trick to Make Table Responsive

Working on the OptionsBrew.com project (website is powered by Drupal 8) I faced the following responsive table issue while browsing content with a table on smaller screens (phone) Broken Table on a smaller screen Luckily there is a simple…

How to align Facebook like, Google + and Twitter buttons?

Working on a project I faced a problem how to align social share buttons. By default I'm not paying much attention to this, but there are circumstances you must provide clean work. So here is the example: These are social share buttons…

Floating social share buttons

Previously I already wrote how to add Facebook like button to your site, using a simple module. Today I'll how how to add floating social share buttons using custom code: Here is an example page: This will work for Facebook, Twitter and…

Image hover effects - how to change background on mouse over

Today I faced again some interesting thing to create - on hover image to change the background and display text over it Here is how it looks: On the left side, you can see the default image, while on the right side with mouse over. To…

Building a Drupal site from scratch - part 8 - Theming subtheme CSS

In part 2 of series how to build a Drupal site from scratch, I'm talking about how to create a subtheme from Bootstrap theme.Today I would like to speak how to actually theme it, because just enabled it comes empty,with all files served…

Building a Drupal site from scratch - part 7 - Theming views

In part 4 in tutorial series how to build a Drupal site from scratch, I am showing how to build views. Now let's upgrade them, by adding additional fields and even CSS style.Yes, we will add CSS style directly into our views.Lets go back…