Registrierungs Button: Schriftzug Umbruch

[back4ever]

Hi

In meinem Forum gibts im Schriftzug des Registrierungsbuttons einen unschönen Zeilenumbruch.
So sieht das ganze aus:
[ externes Bild ]

Das stört mich irgendwie
Habe versucht die Grafik zu finden "Rechtsklick" auf den Button
wird aber nicht als Grafik dargestellt, im FTP weis ich nicht wonach ich suchen sollte
um das zu korregierende irgendwie zu finden.

Wenn ich mit der Maus über diesen Registrierungsbutton drüberfahre wird die "ucp.php" angezeigt.
finde diese auch im Ftp, kann aber nicht wirklich damit was anfangen

Kann mir jemand von euch helfen ?
Danke!

Mfg

[Lehrling]

Kannst du mal dein Forum verlinken oder wenigstens den Style, den du verwendest

[back4ever]

Forum ist noch nicht public
verwende das "forumbook" Style

[Kirk]

Hallo
Suche in der colours.css deines Styles nach .largebutton { und ändere den Wert bei font-size:
Bitte beim nächsten mal einen Downloadlink posten, das ersparrt die Suche.

[back4ever]

Vielen Dank, kirk

[back4ever]

noch etwas...ich bekomme die Position des Buttons nicht geändert :/

hab mal ein 2 Bilder gemacht (leichter als Worte)

aktuell sieht es so aus: http://www.bet-img.de/uploads/2016/10/i3094b8nct4.png
und so muss es aussehen: http://www.bet-img.de/uploads/2016/10/i3095bh8ka3.png


Hoffe ihr könnt mir helfen, Danke

[Melmac]

Im Original des Styles wird dies aber anders dargestellt
Hast Du ihn modifiziert und/oder Extensions installiert, die die Darstellung dieses Bereichs verändern?

hab mal ein 2 Bilder gemacht (leichter als Worte)

Bei solchen Fragen müsste man aber den Style selbst bzw. seinen aktuellen Code sehen können, der hierfür verantwortlich sein könnte: entweder über einen Link zum Board oder über den Style selbst - so, wie er eingesetzt wird. Also mit allen vorhandenen Anpassungen, in denen er sich vom Original unterscheidet.

---------------------------

Edit
Da das neue Thema,, das Du inzwischen hierzu aufgemacht hast, besser hier weiter geführt wird:
Das CSS der dieses Element steuernden Klasse alleine hilft hier nicht viel weiter. Wenn Du den betroffenen Bereich in diesem Style, so wie er bei Dir laut der Screenshots angezeigt wird, mit der Darstellung des originalen, nicht modifizierten Styles vergleichst, dann wirst Du erhebliche Unerschiede dabei feststellen können.

Außerdem ist es ja auch nicht mit dem "Verschieben" des Buttons alleine getan - Du willst ja noch ein paar andere Dinge geändert sehen, die aber ebenfalls "nicht original" sind.
... und all die Elemente sollen danach auch noch in den responsiven Ansichten vernünftig dargestellt werden.
Daher ja auch meine Fragen in diesem Post ...

[back4ever]

ja habe Erweiterungen eingebaut
kannst du mir bitte eine PN schicken
ich beantworte diese mit dem Link zum Board
ist noch streng unpublic

Ich kann dir komischerweise keine PN schicken
weil du zum Support Team angehörst.

[Melmac]

Empfang von PNs von Miitgliedern ist aber aktiviert - es sollte also eigentlich funktionieren *hmmm*
PN kommt.

[Melmac]

Hier schon mal ein erster Ansatz zum Testen:

1. /styles/forumbook/theme/colours.css:
   1. suche

      Code: Alles auswählen

      .largebutton {
      	border: 1px solid #3B6E22;
      	border-radius: 5px;
      	color: #FFFFFF;
      	font-size: 10px;
      	font-weight: bold;
      	text-shadow: 1px 1px 2px #333333;
      	padding: 8px;
      	text-align: center;
      	width: 100px;
      	height: 22px;
      	letter-spacing: 2px;
      	background-color: #66AC54;
      	background-image: -moz-linear-gradient(top, #66AC54, #578843);
      	background-image: -webkit-linear-gradient(top, #66AC54, #578843);
      	background-image: -o-linear-gradient(top, #66AC54, #578843);
      	background-image: linear-gradient(to bottom, #66AC54, #578843);
      	position: absolut;
      	right: 15px;
      	bottom: 0;
      	line-height: 20px;
      }

      und ändere den Wert für absolut auf relative
      Müsste unproblematisch sein, da diese Klasse nur diesem Element zugeordnet worden zu sein scheint.
2. /styles/forumbook/theme/common.css:
   1. suche

      Code: Alles auswählen

      #site-description {
      	float: left;
      	width: 65%;
      }

      ersetze durch

      Code: Alles auswählen

      #site-description {
      	float: left;
      	width: 33%;
      }

   2. suche

      Code: Alles auswählen

      #headerbutton {
      	float: right;
      	width: 35%;
      	height: 65px;
      	position: relative;
      }

      ersetze durch

      Code: Alles auswählen

      #headerbutton {
      	float: right;
      	width: auto;
      	height: auto;
      	position: relative;
      	margin-right: 20px;
      }

      Bei Bedarf kannst Du die Positionierung noch etwas steuern, z.B. indem Du noch ein margin-top: hinzufügst
   3. nach diesem Code dann in einer neuen Zeile einfügen

      Code: Alles auswählen

      @media screen and (max-width: 900px) {
      	#site-description {
      		width: auto;
      	}
      	
      	#site-description h1, #site-description p {
      		padding-left: 10px;
      	}
      	
      	#headerbutton {
      		float: right !important;
      		margin-right: 10px;
      	}
      }

      Mit dem padding-left: werden die beiden Zeilen der Boardbeschreibung etwas nach rechts, weg vom Seitenrand und "optisch stimmiger" unter das Logo geschoben - bei Bedarf einfach anpassen.

Ich hoffe nur, dass ich da jetzt nichts groß übersehen habe - war jetzt doch etwas "zwischen Tür und Angel" gebastelt, sorry