Enhanced User Info Panel. Zbyt długa nazwa grupy.

Witam mam wtyczkę na profil Enhanced User Info Panel, problemik maluteńki nastąpił po uzupełnieniu rang. Mianowicie mimo rozszerzania px w panelu [co chyba i tak nic nie daje] to nie potrafię rozszerzyć ani ciut tego panelu aby rangi się nie zlewały. Gdy ranga jest za długa panel użytkownika wygląda tak:

zapewne trzeba edytować css kodu ale gdzie i co jak podrzucić aby grupa to jednak utrzymała się na grupie i się wszystko nie zlewało

Podaj link do forum.

Spróbuj

Znajdź:

.euip_InfoPanel

dodaj/zmień na

    padding: 0px;

EDIT

Znajdź

.euip_PanelWidth 

Zmień 

width: 200px;

na 

width: 220px;

5 minut temu, Pawel napisał:

Podaj link do forum.

Spróbuj

Znajdź:

.euip_InfoPanel

dodaj/zmień na

    padding: 0px;

 

Po wrzuceniu z 5 na 0, jedyne co osiągnąłem to lekkie przemieszczenie tego wszystkie, tzw. misz-masz

forum to: MerryJane.eu 

.cAuthorPane {
    padding: 20px!important;
    width: 270px;
}

Daj tak i powinno być git.

5 minut temu, Pawel napisał:

.cAuthorPane {
    padding: 20px!important;
    width: 270px;
}

Daj tak i powinno być git.

Uzyskałem taki efekt po dodaniu tego

więc jeszcze nie do końca

.cAuthorPane {
    padding: 20px!important;
    width: 257px;
}

2 minuty temu, Pawel napisał:

.cAuthorPane {
    padding: 20px!important;
    width: 257px;
}

  Ukryj zawartość

 

No to trochę śmiesznie, bo po zmianie na te wartości wrócił stary wygląd profilu. Wziałem również czyszczenie przez support i nic. 

@Krystian Ryba Rybicki Można dodać klasę ipsType_break która skaraca linię tekstu jeżeli jest za długi. 

Bez linku i wgląd w kod nie jesteśmy w stanie pomóc. Podaj link.

2 minuty temu, Krystian Ryba Rybicki napisał:

No to trochę śmiesznie, bo po zmianie na te wartości wrócił stary wygląd profilu. Wziałem również czyszczenie przez support i nic. 

No u mnie ciągle jest ta sama wartość. 

1 minutę temu, SeNioR napisał:

@Krystian Ryba Rybicki A to nie czasem przez formatowanie grupy? Grupa bez formatowania tak samo się wyświetla? 

 

Można dodać klasę ipsType_break która skaraca linię tekstu jeżeli jest za długi. 

 

Bez linku i wgląd w kod nie jesteśmy w stanie pomóc. Podaj link.

Jeśli chodzi o grupę, to wina bardziej tego że napis jest za długi bodajże. Bo inne normalnie wchodzą a wszystkie rangi są zrobione tak samo. Myślałem o zmniejszeniu czcionki może w panelu ale też tego nie potrafię wykombinować. Jaki link? Do forum, podałem, https://www.merryjane.eu/topic/169-oddaj-głos-na-dd2/?page=2&tab=comments#comment-1091

1 minutę temu, Pawel napisał:

No u mnie ciągle jest ta sama wartość. 

 

nie możliwe.

Spróbuj tak:

Z

.cAuthorPane

Usuń

width:230px;

a zmień

.euip_PanelWidth {
    width: 220px;
}

na

.euip_PanelWidth {
    width: 255px;
}

4 minuty temu, Pawel napisał:

Spróbuj tak:

Z

.cAuthorPane

Usuń

width:230px;

a zmień

.euip_PanelWidth {
    width: 220px;
}

na

.euip_PanelWidth {
    width: 255px;
}

 

Zrobione, nadal: 

@Krystian Ryba Rybicki  

Miałeś to usunąć.

Dorzucam kod css może bardziej coś zdziałacie:

.euip_AdminFont{
    font-family: Gill Sans,Gill Sans MT,Calibri,sans-serif;
}

.euip_Title {
	float:left;
}

.euip_Content {
	float:right;
}

.euip_InfoPanel {
	padding:5px;
}
.cAuthorPane {
    padding: 20px!important;

}

hr.euip_Hr {
    margin: 15px 0;
    height: 0;
    padding: 0;
    border-width: 2px 0 0 0;
    border-style: solid;
    border-color: rgba(0,0,0,0.05);
    margin: 1px;
}

hr.euip_AdminHr {
	margin: 15px 0;
    height: 0;
    padding: 0;
    border-width: 2px 0 0 0;
    border-style: solid;
    border-color: #4e5b62;
}

.euip_Avatar {
	margin-top: -30px;
}

li.euip_Photo {
	margin-bottom: 5px;
	position:relative;
}

.metric {
	font-weight: bold;
    color: #138200;
}
{{if settings.euip_OnlineStatusGlow  == 1}}
.metric {
	text-shadow: -1px -1px 0 #92d050, 1px -1px 0 #92d050, -1px 1px 0 #92d050, 1px 1px 0 #92d050;
    -webkit-animation-name: glow;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
}

@-webkit-keyframes glow {
    0% { text-shadow: 0 0 20px rgba(19,130,0, 0.7); }
    50% {text-shadow: 0 0 20px rgba(19,130,0, 0.7), 0 0 20px rgba(19,130,0, 1), 0 0 20px rgba(19,130,0, 1),0 0 20px rgba(19,130,0, 1),0 0 20px rgba(19,130,0, 1),0 0 20px rgba(19,130,0, 1), 0 0 30px rgba(19,130,0, 1);}
    100% { text-shadow: 0 0 20px rgba(19,130,0, 0.5)/*0 0 4px green*/; }
}
{{endif}}

{{if settings.euip_UsernamePosition  == 1}}
.euip_Margin_Top {
	margin-top: {setting="euip_MarginTopSize"}px;
}
{{endif}}

.euip_Remove {
	display: none;
}


{{if settings.euip_ShowCoverPhoto  == 0}}
@media screen and (max-width: 768px) {
li.euip_Photo {
    margin-bottom: 5px;
    position: relative;
    float: left;
    margin-left: -48px;
}
}
{{endif}}

{{if settings.euip_ShowCoverPhoto  == 0}}
{{if settings.euip_UsernamePosition  == 0}}
@media screen and (max-width: 768px) {
li.euip_Photo {
    margin-top: 8px;
}
.euip_mobile {
	margin-left: -50px;
	margin-top: -5px;
}
}
{{endif}}
{{endif}}


{{if settings.euip_ShowCoverPhoto  == 1}}
@media screen and (max-width: 768px) {
li.euip_Photo {
    margin-bottom: 5px;
    position: relative;
    float: left;
    margin-left: -48px;
	margin-top: 38px;
}
}
{{endif}}

{{if settings.euip_ShowCoverPhoto  == 1}}
{{if settings.euip_UsernamePosition  == 0}}
@media screen and (max-width: 768px) {
.euip_mobile {
	margin-left:-50px;
	margin-top: -5px;
}
}
{{endif}}
{{endif}}

{{if settings.euip_ShowCoverPhoto  == 1}}
{{if settings.euip_UsernamePosition  == 1}}
@media screen and (max-width: 768px) {
li.euip_Photo {
    margin-top:38px;
	margin-left: -65px;
}
}
{{endif}}
{{endif}}

{{if settings.euip_ShowCoverPhoto  == 0}}
{{if settings.euip_UsernamePosition  == 1}}
@media screen and (max-width: 768px) {
li.euip_Photo {
    margin-top: 8px;
	margin-left: -65px;
}
}
{{endif}}
{{endif}}


{{if settings.euip_UsernamePosition  == 0}}
@media screen and (max-width: 768px) {
.euip_InfoPanel {
    padding: 5px;
    margin-top: -30px;
}
}
{{endif}}

.euip_PanelWidth {
    width: 255px;
}


.euipOnlineStatus_online {
	color: green;
	font-size: 15px;
}

.euipOnlineStatus_offline {
    color: grey;
	font-size: 15px;
}

.euip_GroupIcon {
	padding: 3px;
}

{{if settings.euip_ChangeUserNameFont  == 1 AND settings.euip_UploadFont  == 0}}
.euip_UserNameFont {
	font-family: {setting="euip_UserNameFont"}!important;
}
{{elseif settings.euip_ChangeUserNameFont  == 1 AND settings.euip_UploadFont  == 1}}
@font-face {
    font-family: '{setting="euip_FontUploadName"}';
    src: url('{setting="euip_FontUpload"}');
}
.euip_UserNameFont {
	font-family: {setting="euip_FontUploadName"} !important;
}
{{endif}}


@media screen and (max-width: 768px) {
.euip_TStarterBadge {
    float: left;
    margin-top: -27px;
    margin-left: 50px;
}
}

{{if settings.euip_ChangeAvatarSize  == 0 }}
.euip_AvatarSize img, img.euip_AvatarSize, .euip_AvatarSize::after {
    width: 75px;
    height: 75px;
}
{{endif}}

{{if settings.euip_ChangeAvatarSize  == 1 }}
.euip_AvatarSize img, img.euip_AvatarSize, .euip_AvatarSize::after {
	width: {setting="euip_AvatarSizeWidth"}px;
	height: {setting="euip_AvatarSizeHeight"}px;
	border: none;
}
{{endif}}

{{if settings.euip_RoundAvatar  == 1 }}
.euip_AvatarSize img, img.euip_AvatarSize, .euip_AvatarSize::after {
  border-radius: {setting="euip_AvatarRadius"}px;
 }
{{endif}}


{{if settings.euip_ShowCoverPhoto  == 1 }}
.euip_CoverPhotoHeight {
  {{if settings.euip_CoverPhotoHeight  == 0 }}	
	height: 60px;
	opacity: 1;
  {{elseif settings.euip_CoverPhotoHeight  == 1 }}
    height: 70px;
	opacity: 1;
  {{elseif settings.euip_CoverPhotoHeight  == 2 }}
    height: 80px;
	opacity: 1;
  {{elseif settings.euip_CoverPhotoHeight  == 3 }}
    height: 90px;
	opacity: 1;
  {{endif}}
}
{{endif}}

@media screen and (max-width:767px) {
span.ipsBadge.ipsBadge_large.ipsBadge_positive.euip_TStarterBadge {
  float: right;
}
}

span.euip_span {
	display:inline-block;
	margin-top:5px;
}

.euip_clubsBorder {
  border-width: 2px;
  border-style: solid;
  border-color: rgba(0,0,0,0.05);
  margin-top: 6px;
}

@media screen and (max-width: 767px) {
html[dir] .cPost .ipsComment_meta {
    position: inherit;
    top: -28px;
    padding: 0;
}
html[dir="ltr"] .cPost .ipsComment_meta .cPost_moderator {
	right: 6px;
	top:0;
}
}

@media screen and (max-width: 767px) {
.cPost.ipsComment.ipsComment_popular .ipsComment_popularFlag {
    top: auto;
    z-index: 0;
}
}

Teraz, Pawel napisał:

@Krystian Ryba Rybicki  

Miałeś to usunąć.

Usunięte. Zobacz kod. . .

.euip_PanelWidth {
    width: 255px !important;
}

Podmień @Krystian Ryba Rybicki

3 minuty temu, Pawel napisał:

.euip_PanelWidth {
    width: 255px !important;
}

Podmień @Krystian Ryba Rybicki

Zrobione, ale nic się nie zmienia. Nwm, tak jakby przestało czytać jakiekolwiek zmiany w tym pliku. . . 

@Krystian Ryba Rybicki

Wyszukaj tej klasy, możliwe, że masz dwa razy ją dodaną (CSS)

.cAuthorPane

Teraz, Pawel napisał:

@Krystian Ryba Rybicki

Wyszukaj tej klasy, możliwe, że masz dwa razy ją dodaną (CSS)

.cAuthorPane

Nie, ponieważ gdy pierwszy raz kazałeś mi ją dodać, to wgl jej w pliku nie było i dodałem ją w losowym miejscu. 

@Krystian Ryba Rybicki Usuń tą co dodałeś.

@Krystian Ryba Rybicki Spróbuj dodać do custom.css

.cAuthorPane {
    padding: 20px!important;
    width: 263px!important;
}

7 minut temu, Pawel napisał:

@Krystian Ryba Rybicki Usuń tą co dodałeś.

Zrobione 

Ale nadal nic to nie dało

@Pawel dodałem! zadziałało!

@Krystian Ryba Rybicki My tu się w stylach bawimy, a w ustawieniach jest wszystko..

w edytacji ustawień widgetu masz na 1 miejscu Ustaw szerokość

1 minutę temu, Pawel napisał:

@Krystian Ryba Rybicki My tu się w stylach bawimy, a w ustawieniach jest wszystko..

 

w edytacji ustawień widgetu masz na 1 miejscu Ustaw szerokość

właśnie w widgecie próbowałem jako pierwsze nim tutaj napisałem i to nic nie dawało, najwidoczniej custom pobudził całą reakcje, dzieki za szybką i duża pomoc