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.
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
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”