Thoughts, information and reflections about technology

CSS

Responsive Headline and Slogan in WordPress with an Artisteer Template

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.

Continue reading

Rails – Changing the attributes of the flash notice

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

Continue reading No tags for this post.
Contact me
Archives
Categories
Recent Comments