Sociable icons displayed with smaller gap

  • Resolved mikenews-splashcom

    (@mikenews-splashcom)


    16 years, 2 months 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

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

  • 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.

    Thread Starter mikenews-splashcom

    (@mikenews-splashcom)

    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

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Sociable icons displayed with smaller gap’ is closed to new replies.