Tag > tips

09 Aug
2015

bootstrap icon grafxflow

Bootstrap 4, 3 and 2 css @media rules widths

Along with Font Awesome I nearly always use the Bootstrap 3 front-end framework for responsive website development. It allows a quicker workflow than starting from scratch.

But nearly always in a project there are needs to create custom CSS for things like different font sizes etc. So it’s always good to know what widths Bootstrap is using in its own css @media rules.

Continue reading…

Posted in: <Bootstrap>

11 Sep
2012

css icon grafxflow

How to use CSS @font-face for all browsers

I have always thought that using custom fonts via @font-face was only possible via CSS3, but actually it goes as far back as ie6 with CSS2.

Continue reading…


11 Sep
2012

joomla icon grafxflow

Changing a Joomla email link cloaking CSS color

Joomla has by default a plugin called Email Cloaking which replaces any email on the content with javascript to stop spam. I have noticed this brings one problem with regards to changing the hyperlinks colour.

At first the easy way is to add the following to the css:

This works fine across the whole website but what if you wanted to give the hyperlinks different colours. Maybe giving the hyperlinks their own CSS class like…

Continue reading…

Posted in: <Joomla>

05 Sep
2012

css icon grafxflow

CSS3 border-radius fix for IE6 upwards.

This blog post is a little helper to get around the infamous CSS3 Internet Explorer issue (of which there are many) that covers the CSS3 border-radious. While all of the other popular browsers have been able to use this for years, finally in 2011, IE9 had the capability.

Continue reading…


02 Sep
2012

wordpress icon grafxflow

JQuery function not working in WordPress Post

 Question.

You have placed some JQuery function in a WordPress post but it does nothing. Yet you know the code is correct. This is the way of getting it to work.

Continue reading…

Posted in: <WordPress>

smart search