Responsive Headline and Slogan in WordPress with an Artisteer Template

Last Updated on January 19, 2020 by Christopher G Mendla

I was building a WordPress site where the headline and slogan were relatively long. At certain aspect ratios, the text overlapped the logo image in the header.

The solution was to add some custom CSS and to make use of the Artisteer responsive design.

Tags: , Read more
Read more

Rails – Changing the attributes of the flash notice

Last Updated on November 30, 2019 by Christopher G Mendla

Some of the apps I do make a lot of use of the Rails flash notices. The default text attributes don’t make the notice stick out enough. I wanted to use a yellow background to highlight any notices.  Using the Inspect tool in chrome, I found that the controlling CSS was in assets/scaffolds.scss. In my case it happened to be around line 39

Look for #notice.  The only attibute was color: green;. I changed that to add a yellow background color as follows

Tags: , Read more
Read more

An easy but powerful mobile emulator in chrome.

Last Updated on November 29, 2019 by Christopher G Mendla

If you are using Chrome, you can easily emulate a variety of mobile devices/resolutions.

Go to the page you want to emulate. Right click and choose “Inspect”

Tags: , Read more
Read more