Joomla Templates Club 406,261 posts

[markkusq3po Friend markkusq3poJoin date: March 2007Posts: 66Downloads:0Uploads:6 Thanks: 20 Thanked: 1 times in 1 posts]

#183735

Hello,

does somebody have a hint for the social items (these 4 little squares) how i can achieve them to move from left to right instead from bottom to top?

I alredy tried it with the two css tags inside template.css:

.btn-small {
background-color: #fff
background-position: top left;
background-repeat: no-repeat;
float: left;
height: 114px;
padding: 0;
text-indent: -999em;
width: 114px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.icon-facebook {
background-image: url(‘../../../images/ico/facebook.png’);
margin: 0 10px 10px 0;
}
.icon-facebook:hover,
.icon-facebook:focus,
.icon-facebook:active {
background-color: #3b5998
background-position: left bottom;
}

and tried to change bottom and top, but that doesn’t work.
Thanks Markus

[Stork11 Friend Stork11Join date: March 2011Posts: 2273Downloads:0Uploads:142 Thanks: 55 Thanked: 431 times in 393 posts]

#478888

Hello Markus,

You need to change background image, e.g. “/templates/ja_mero/images/ico/facebook.png” file from vertical to horizontal. After that, modify “background-position” style in this rule:
<blockquote>
.icon-facebook:hover,
.icon-facebook:focus,
.icon-facebook:active {
background-color: #3b5998
background-position: left bottom;
}
</blockquote>

From: background-position: left bottom;

To: background-position: right top;

Hope this helps.

Regards.

[Author]

Posts