Forums

[resolved] Sociable icons displayed with smaller gap (3 posts)

  1. mike@news-splash.com
    Member
    Posted 3 years ago #

    My sociable icons are displayed with a gap of about 16px between them. I want to reduce this gap and justify left. Can someone please assist?
    My website is info-nc.com

  2. tugbucket
    Member
    Posted 3 years ago #

    in your sociable.css change:

    .sociable ul li {
    	background: none;
    	display: inline !important;
    	list-style-type: none;
    	margin: 0;
    	padding: 1px;
    }

    to say this:

    .post .content .sociable ul li {
    	background: none;
    	display: inline !important;
    	list-style-type: none;
    	margin: 0;
    	padding: 1px;
    }

    because your saying .post .content in one style sheet, you need to be just as specific in the other style sheet for it to take effect.

  3. mike@news-splash.com
    Member
    Posted 3 years ago #

    Many thanks Tugbucket. It looks much better.

    Can you possibly help with anotherproblem I'm having at info-nc.com? I have put my own jpg in the header and I don't want to change it. I do need to move the nav bar and search bar down, either to just below the header or to the bottom of the header. I'm using inove

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags