Public Forums 71,145 posts

[heymannm Friend heymannmJoin date: March 2011Posts: 4Downloads:0Uploads:1]

#161531

Hi there,

I made some changes on the template, fixed width of 250px on left column.
Now, the badges don’t show in the right position, they should be aligned right of the module.

I found this in the template.css:

/* Badge Module —*/
.badge {
height: 46px;
position: absolute;
right: 0;
top: 0;
width: 45px;
background-image: url(../images/icon-badge.png);
background-repeat: no-repeat;
}

The right and top value is the positioning of the badge?
I tried to play around with the right value, but no change 🙁

Ideas anyone? See screenshot …

Matthias

---

Attachments:

1. 

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#381676

Try changing postition:absolute; to position:relative; for the right and top to work. If that fails please post a link to your site so we can take a look.

[heymannm Friend heymannmJoin date: March 2011Posts: 4Downloads:0Uploads:1]

#381680

<em>@phill luckhurst 228092 wrote:</em><blockquote>Try changing postition:absolute; to position:relative; for the right and top to work. If that fails please post a link to your site so we can take a look.</blockquote>

Doesn’t work, badge jumps away completely.
http://www.wkl-consulting.de/shop/

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#381692

<em>@heymannm 228098 wrote:</em><blockquote>Doesn’t work, badge jumps away completely.
http://www.wkl-consulting.de/shop/</blockquote>

Please change

right: 0;

to

right: -10px;

[heymannm Friend heymannmJoin date: March 2011Posts: 4Downloads:0Uploads:1]

#381694

<em>@phill luckhurst 228115 wrote:</em><blockquote>Please change

right: 0;

to

right: -10px;
</blockquote>

Sorry, doesn’t work.
If I only change the value to -10, nothing happens.
If I change position to relative and right value to -10, badge jumps above the module, somewhere top left.
I leave the change, so you can see waht happened …

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#381700

<em>@heymannm 228117 wrote:</em><blockquote>Sorry, doesn’t work.
If I only change the value to -10, nothing happens.
If I change position to relative and right value to -10, badge jumps above the module, somewhere top left.
I leave the change, so you can see waht happened …</blockquote>

It works in firebug so that suggest you have something odd going on.

If edited template.css line 594 and this is how it should appear


.badge {
background-image: url("../images/icon-badge.png");
background-repeat: no-repeat;
height: 46px;
position: absolute;
right: -10px;
top: 0;
width: 45px;

}

If you still cannot get it to work please PM me an admin logon and ftp details and I will take a look for you. Please include a link to this thread in your PM.

[heymannm Friend heymannmJoin date: March 2011Posts: 4Downloads:0Uploads:1]

#381702

<em>@phill luckhurst 228124 wrote:</em><blockquote>It works in firebug so that suggest you have something odd going on.

If edited template.css line 594 and this is how it should appear


.badge {
background-image: url("../images/icon-badge.png");
background-repeat: no-repeat;
height: 46px;
position: absolute;
right: -10px;
top: 0;
width: 45px;

}

If you still cannot get it to work please PM me an admin logon and ftp details and I will take a look for you. Please include a link to this thread in your PM.</blockquote>

Whatever was wrong with my template.css, copying the complete block into my css worked now.

Thanks alot 🙂

[Author]

Posts