CSS Vertical Align with Category Icons

  • So I’m using the the theme desk-mess and the plugin category icons and I’m trying to change the position of the icons. Here is what it looks like now:

    [img]https://i537.photobucket.com/albums/ff339/AgentGap/old.png[/img]

    Index.php
    [code]
    <div class="post-title"><h1><?php if (function_exists('get_cat_icon')) get_cat_icon('border=false'); ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></h1></div>
    [/code]

    CSS:
    [code]
    .post-title {
    vertical-align:middle;
    }
    [/code]

    Now with that stated here is what I’m trying to make it look like, but can’t with vertical-align:

    [img]https://i537.photobucket.com/albums/ff339/AgentGap/new.png[/img]

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

  • You cannot use img tags to display an image hosted at another location – use the LINK tab to your photobucket account – or just a link to your site.

    Thread Starter mtgap

    (@mtgap)

    Yeah do you think I noticed that…. I can’t change the stupid post.

    Don’t post that crap next time idiot… it didn’t help me out at all.

    Hey MTGap did you ever figure this out? We are having the same challenge.. I think this page may have some answers but so far no luck with using the .my-icons CSS style on our end: https://www.category-icons.com/troubleshooting/

    Hi

    put this in your style.css :

    .myicons {
	float: left;
	padding:10px 0 0 0px;
	font-size:18px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	margin:-7px 6px 0 0;
	background: none no-repeat;
}

    and this in your index.php right before the h1 tag :
    <div class="myicons"><?php get_cat_icon('link=false'); ?></div>

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘CSS Vertical Align with Category Icons’ is closed to new replies.