• Skip to primary navigation
  • Skip to main content
  • Skip to footer
Amethyst Website Design logo

Amethyst Website Design

Affordable WordPress Website Design for Small Business

  • Home
  • About
  • Services
  • Praise
  • Portfolio
  • Blog
  • Contact »

CSS Styles

blog excerpt with accessible Read More

Genesis Tutorials CSS Styles, Themes

Customize the Read More Text in Genesis Themes with Accessibility

And Without Losing the Read More Accessibility! Accessibility support was added to the Genesis Framework with version 2.2 (Sept. 1, 2015). One of ... Read More » about Customize the Read More Text in Genesis Themes with Accessibility

select dropdowns for chrome and firefoxe default styles

Genesis Tutorials CSS Styles

Style Dropdown Select Menus in Chrome – Square Corners and Height

Have you noticed lately that when you view dropdown select menus with Chrome or Safari browsers that they are very narrow in height and also have ... Read More » about Style Dropdown Select Menus in Chrome – Square Corners and Height

stylized input forms

Genesis Tutorials CSS Styles

Limit Contact Form Widths in Genesis Themes

A number of Genesis child themes set the default styles for form fields (your contact form) to a width of 100%. This makes a nice mobile-friendly form ... Read More » about Limit Contact Form Widths in Genesis Themes

post formats with centered dashicons

Genesis Tutorials CSS Styles, Dashicons, Themes

Add and Style Post Formats in Your Genesis Child Theme

This tutorial will show you how to add and style post formats in your Genesis child theme. So what are post formats? A Post Format is a piece of ... Read More » about Add and Style Post Formats in Your Genesis Child Theme

default three column gallery on genesis sample theme

Genesis Tutorials CSS Styles, Images & Galleries

Genesis WordPress HTML5 Gallery Styles

Genesis and WordPress HTML5 galleries are mobile friendly, and the galleries will resize to fit the device screen. But the default styling has the ... Read More » about Genesis WordPress HTML5 Gallery Styles

simple social icons styles

WordPress Tutorials CSS Styles

Remove or Override Plugin CSS with !Important

Often when you install a plugin, you want to give it a style that matches or coordinates with your WordPress theme. Sometimes this is easy to do. But ... Read More » about Remove or Override Plugin CSS with !Important

add unique styles to only one post or page

WordPress Tutorials CSS Styles, Themes

Add Unique Custom Styles to One WordPress Page or Post

One of the nice things about using WordPress is that all the pages and posts can be styled consistently. But sometimes I'm asked to make a particular ... Read More » about Add Unique Custom Styles to One WordPress Page or Post

2014 blog post with dashicon border

WordPress Tutorials CSS Styles, Dashicons

Add Dashicons to Your WordPress Post

You can add a font icon and a border to your WordPress website pages or posts or widgets. This tutorial shows you how use dashicons in a border on ... Read More » about Add Dashicons to Your WordPress Post

genesis category archive with added styles

WordPress Tutorials CSS Styles, Themes

Add An Image to WordPress Category Archive Description

Most Wordpress themes now add category descriptions to the category archive pages, if you fill in the Category Name and Description fields. This ... Read More » about Add An Image to WordPress Category Archive Description

sidebars with image genesis and twenty fourteen

WordPress Tutorials CSS Styles, Widgets & Plugins

Add HTML – Images and Links – to Text Widgets Without a Plugin

WordPress posts and pages use the TinyMCE editor, so you don't have to write HTML in your posts and pages, unless, of course, you want to. But the ... Read More » about Add HTML – Images and Links – to Text Widgets Without a Plugin

style your wordpress read more tags

WordPress Tutorials CSS Styles

Add Styles to Read More Link in Your WordPress Theme

The "Read more" link is used in all WordPress website or blog themes. Some themes add some style to the Read more, and some leave them as default ... Read More » about Add Styles to Read More Link in Your WordPress Theme

equal height posts in chrome and firefox

WordPress Tutorials CSS Styles, Themes

Use CSS for Equal Height Column Post Grid

Recently I was working on a WordPress theme in which I needed a grid of posts in column boxes of equal height. This is easy to do when a site is fixed ... Read More » about Use CSS for Equal Height Column Post Grid

  • Go to page 1
  • Go to page 2
  • Go to Next Page »

Footer

Meet Marcy

Marcy Diaz, Amethyst Website DesignAmethyst Website Design is a small business owned by Marcy Díaz. I help people, like you, with your website by creating an affordable WordPress website using Genesis themes to fit your business and budget. I especially love working with new and small business owners, and can help you with the online part of your business.
Read More »

Let’s Connect!

  • Facebook
  • Twitter
  • Pinterest
  • Linked In
  • GitHub

Contact Info

Amethyst Website Design

Email: Contact Marcy
Phone: 602.759.0501

PO Box 94782
Phoenix AZ 85070
Located in Ahwatukee Foothills

member of local first az
  • Sitemap
  • Cookie Policy
  • Terms and Conditions
  • Privacy Policy

© 2021   Amethyst Website Design   ◆   Log in

Using WordPress and the Genesis Framework

This site uses cookies for the best browsing experience. By continuing to use this site, you accept our Cookie Policy »OK, got it!