adding css

  • sross02

    (@sross02)


    14 years, 3 months ago

    Hello there 🙂

    You had indicated that I need to add CSS in order to have my author avatars line up with their corresponding name, however as I am relatively new to wordpress coding, am not entirely sure where this should be added.

    You wrote:

    This just needs a bit of CSS
    add this to your CSS
    .author-list ul li {
    display: block;
    height: 70px;
    list-style-type: none;
    }

    If you could please guide me as to where this should be entered, i’d be most appreciative (I assume it’s on the custom.css under the theme styles?) I tried a few things, but it didn’t change it.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Michael

    (@alchymyth)

    14 years, 3 months ago

    try to add the css to the bottom of style.css of your theme:

    dashboard – appearance – editor: style.css

    http://codex.wordpress.org/Editing_Files

    Thread Starter sross02

    (@sross02)

    14 years, 3 months ago

    Appreciated alchymyth, but it didn’t do anything… or not what i need it to!

    I need to have the image and name align on this page:

    http://www.jnslp.com/authors/

    Michael

    (@alchymyth)

    14 years, 3 months ago

    try and add this to the end of custom.css:

    .shortcode-author-avatars ul.author-list li { list-style: none; }

.shortcode-author-avatars ul.author-list .name,
.shortcode-author-avatars ol.author-list .name{
	float: left;
	margin-left: .25em;
}

    and optional also:

    .shortcode-author-avatars ul.author-list .avatar,
.shortcode-author-avatars ol.author-list .avatar {
     margin-bottom: .25em;
}

    try to work with a web tool such as Firebug http://getfirebug.com/ when tweaking formatting.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘adding css’ is closed to new replies.