Linksbündiger Text im Blogartikel

11.10.2020 22:07
#1 Linksbündiger Text im Blogartikel
avatar
Mitglied

Guten Abend zusammen,
ist es möglich, mit einem Code den linksbündigen Text eines Artikel nach rechts zu verschieben,
also den linken Rand zu verschieben ? Der Text soll linksbündig bleiben aber insgesamt mehr zur
horizontalen Mitte der Seite verschoben werden.

Vielen Dank für eure Hilfe vorab
Andreas


 Antworten

 Beitrag melden
12.10.2020 14:18
avatar  Sami
#2 RE: Linksbündiger Text im Blogartikel
avatar
Xobor

Hallo, könnte vielleicht mit einem einfachen CSS-Code möglich sein. Um welches Template handelt es sich? Ggf. wäre ein Screenshot der Bereiche hilfreiche.

Schöne Grüße,
Sami

Support · Xobor.de · Miranus GmbH · Wir helfen gerne - Unterstütze Xobor durch die Buchung eines Premium Tarifs.

 Antworten

 Beitrag melden
12.10.2020 17:02
#3 RE: Linksbündiger Text im Blogartikel
avatar
Mitglied

Hallo Sami,
u.a. möchte ich auf dieser Seite dass der untere Text ( darunter sind noch weitere ) „in einer Flucht“ mit dem linken Button „Einzel U8 - U12“ beginnt.
Genial fände ich es, wenn man dafür in der Icon-Bar einen o. mehrere Foren-Code(s) anlegen könnte,
mit denen man den Textbeginn horizontal positionieren kann.

Danke für deine Hilfe
Andreas


 Antworten

 Beitrag melden
12.10.2020 17:04
#4 RE: Linksbündiger Text im Blogartikel
avatar
Mitglied

Business Template


 Antworten

 Beitrag melden
13.10.2020 11:24
avatar  Ingmar
#5 RE: Linksbündiger Text im Blogartikel
avatar
Technik

so vielleicht?

Dazu bitte unter Admin→Layout→Farben & Einstellungen→CSS folgendes eintragen:
.blog-article-wrap .spacer10{
padding-left: 40px;
}

Viele Grüße,
Ingmar


 Technik · Homepagemodules.de · Miranus GmbH

 Antworten

 Beitrag melden
13.10.2020 12:52
#6 RE: Linksbündiger Text im Blogartikel
avatar
Mitglied

Hallo Ingmar,
leider passiert dadurch nichts, der Text bleibt ganz links.
Vielleicht "beißt" sich dieser Code ja mit einem anderen, daher habe ich meine CSS-Einträge mal hier beigefügt....

Gruß Andreas


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
 
body {
background-image: url(https://files.homepagemodules.de/b782117/resize/1920x1080/pictures_u1350_EIUingfA.png);
background-position: center center;
background-attachment: fixed;
}
 

 

/*Kopfleiste im Forum ausblenden*/
.topnavigation_wrap {display: none;}
.page_topic #breadcrumbs, .page_topic .showsocial {display: none !important;}
.page_topic .options {display: none !important;
}
.page_pages #breadcrumbs {display:none;}
 
undefined: https://www.hpm-support.de/t540591f11769158-Boxheader-Kopfzeile-Schrift-Einstellungen.html#msg7288277
 
.header {background-color: #ffffff !important;}
/*.container.portal { background:#ffffff !important;}*/
 
/*Zentralisierte Ausrichtung der Page */
body {
float:center;
}
 

.page_blog_entry, .footer{
background-color:#ebebeb !important
}
 

 

/* Profilbild im Forum ausblenden*/
.sidebarcontent {display: none !important;}
 
/*Blog Schreibbereich Breite*/
#blog-article-wrap {
width: 100%;
}
 
/*Blog-Sidebar Breite*/
#blog-sidebar {
width: 0%;
}
 

 
/*Im Blog die rechte Bearbeitungsleiste ausblenden */
#blog-sidebar {
display: none;
}
 
/* Ausblendung der links-rechts Hinweise auf weitere Artikel */
.np-blog-wrap {display: none;}
 

/*Portal-Größeneinstellung*/
.laytd.leftcol{width:1px !important;}
.laytd.main{width:1918px !important;}
.laytd.rightcol{width:1px !important;}
 
/*Aktivity Feed Höhe und Schriftgröße
.lastactions{max-height:75px !important;}
.lastactions li *{font-size: 17px;}
 
/*Kein Aktivity Feed im Forum*/
.page_forum .xFeedContainer{display:none;}
 
/* Textbox-Design auf dem Portal*/
.box .boxcontent, .boxcontent {box-shadow: +6px 6px 6px #000000;border-radius: 3px 3px 3px 3px;border: 1px solid #000000;}
 
/*Linksbündiger Text in den Portal-Boxen*/
.portal .boxcont{text-align:left !important;}
 

 
/*Schriftgröße Navigation*/
ul.navigation li a {
font-size: 20px;
}
 

/*Schriftgröße und Schriftart im Chat*/
.xChat *{
font-size: 18px !important;
font-family: 'Bodoni 72';
}

 
/* Eintrag Anpassung Icongröße */
.xob_subiconlist img{max-height:40px;}
.xob_subiconlist .xob_icon_cont{height:45px;}
 

/*Gestaltung Iconbar-Fenster*/
.xob_subiconlist {
overflow: auto;
height:200px;
/* Höhe des Smilieauswahlfenster (Scrollbalken) */
´// background-image:url(https://files.homepagemodules.de/b782117/resize/275x275/pictures_u137_rgxiqNHG.png);
/* Hintergrundbild Smilieauswahl */
background-color: #fafafafa !important;
/* Hintergrundfarbe Smilieauswahl (nur in Funktion bei fehlendem Hintergrundbild) */
border: 5px solid #aaaaaa !important;
/* Rahmenstärke des Auswahlfensters */
border-radius: 10px;
/* Auswahlfenster mit abgerundeten Ecken */
padding:25px !important;
/* Abstand der Smilies zum Fensterrand */
}
 
li.searchli {
display: none !important;
}

.content.page_blog_entry #breadcrumbs {
display: none;
}
 

.page_blog_entry .boxheader {
display: none;
}
 
page_blog_main #breadcrumbs {
diplay: none;
}
 
box1 {
padding: 10px;
max-height: auto;
max-width: auto;
text-overflow:clip ellipsis;
border: 1px solid #000000;
text-align: block;
}
 

/* Navigation-hover-Hintergrundfarbe */
#navigation a:hover{
background-color: black ;
}
 
/* Navigation-hover-Schriftfarbe */
#navigation a:hover{
color: grey;
}
 

/* Forum- Oberen Balken ausblenden*/
.page_topic .boxheader {display: none;}
 
td.reply, td.sidebar {background: none !important;}
 
/* Forum- Beinflusst die Schrift rechts im oberem Balken*/
.mposttime {color: white; font-size: 1px;}
 
/* Forum- Beinflusst den Hintergrund um dein Bild herum und den Rahmen*/
#mavatar3.messageAvatar {background: none; border: none;}
 
/*Forum- Beinflusst Farbe und Schriftgröße im unteren Balken*/
div.mreply small {color: white; font-size: 1px;}
 
/* Forum- Beeinflusst Farbe und Göße des Antworten-Button*/
.mreply a.smallbutton strong {color: white; font-size: 10px;}
 

 
//.blog-article-body {background-image: url("//files.homepagemodules.de/b782117/a_160_379487f1.png");
border: 1px solid #030003;
}
 
/*Chathintergrundbild*/
.xChatMain{background: url("https://files.homepagemodules.de/b782117/resize/250x187/pictures_u819_nSUwaNoK.png");}
.xChatMessage,.users_cont{background: url("https://files.homepagemodules.de/b2001010/a_866_1f19b0bd.png") !important;}
 
/*Chatbutton ausblenden*/
#xChatBase, #xChatGuests {display: none !important;}
 
/*Standartfußleiste ausblenden, nur Impressum anzeigen*/
li.searchli input {
display: none;
}
#headerSearchSubmit {
display: none;
}

.c_r_top1_head {
background-image: none;
}
.c_r_top1_head div {
background-image: none;
}
 
.blog-article-wrap .spacer10{
padding-left: 200px;
}
 


 Antworten

 Beitrag melden
16.10.2020 17:17
#7 RE: Linksbündiger Text im Blogartikel
avatar
Mitglied

Fast 250 Besucher zu diesem Thema....aber keine Ideen...schade


 Antworten

 Beitrag melden
16.10.2020 21:06
avatar  Ingmar
#8 RE: Linksbündiger Text im Blogartikel
avatar
Technik

Zitat von Ingmar im Beitrag #5
Dazu bitte unter Admin→Layout→Farben & Einstellungen→CSS folgendes eintragen:
.blog-article-wrap .spacer10{
padding-left: 40px;
}


Sorry, da hatte sich ein Fehler eingeschlichen...

korrekt wäre:

#blog-article-wrap .spacer10{
padding-left: 40px;
}

Das bezieht sich aber nur auf deinen Ausgangspost.
Die linksbündige Positionierung am Button auf jedem Endgerät zu realisieren dürfte etwas komplizierter werden.

Viele Grüße,
Ingmar


 Technik · Homepagemodules.de · Miranus GmbH

 Antworten

 Beitrag melden
16.10.2020 21:27
avatar  Olaf
#9 RE: Linksbündiger Text im Blogartikel
Ol
Mitglied

Zitat von Andreas Lipske im Beitrag #3

u.a. möchte ich auf dieser Seite dass der untere Text ( darunter sind noch weitere ) „in einer Flucht“ mit dem linken Button „Einzel U8 - U12“ beginnt.



Das wird sich glaube ich nicht realisieren lassen,weil der Kopf (die Button) in eine eigene Klasse sein muß.
In Deinem Fall ist der Kopf und der folgende Text in einer Klasse.So verschiebt sich natürlich alles synchron und nicht nur der Text nach unten.

Gruß
Olaf

__________________________

http://138600.homepagemodules.de/

 Antworten

 Beitrag melden
17.10.2020 01:01
#10 RE: Linksbündiger Text im Blogartikel
avatar
Mitglied

Hallo Ingmar,
dieser Code funktioniert grundsätzlich, er verschiebt aber alles, incl. Bilder, etc. nach rechts.
Eigentlich möchte ich nur bestimmte Textabschnitte verschieben.
Mit einem Forencode in der Iconbar, so wie z.B. <Center>, wäre optimal.


 Antworten

 Beitrag melden
17.10.2020 06:00
avatar  Lobbo
#11 RE: Linksbündiger Text im Blogartikel
avatar
Mitglied

So ?




 Antworten

 Beitrag melden
17.10.2020 11:37
#12 RE: Linksbündiger Text im Blogartikel
avatar
Mitglied

Hallo Lobbo,
die Codes kenne ich , führen aber nicht zum gewünschten Ergebnis.
Bei diesen Codes endet der Text entweder am rechten Artikelrand [right] oder
beginnt am linken Artikelrand [left].

Ich möchte aber den linken Textrand (am liebsten prozentual) nach rechts verschieben.

Vielleicht sehe ich ja den Wald vor lauter Bäumen nicht 🤪


 Antworten

 Beitrag melden
17.10.2020 11:46 (zuletzt bearbeitet: 17.10.2020 11:47)
avatar  Lobbo
#13 RE: Linksbündiger Text im Blogartikel
avatar
Mitglied

Dann ändere den Code so.

1
 
<div style="text-align:left;padding-left: 20%">
 



Die 20 % kannst du wie du es möchtest anpassen.


 Antworten

 Beitrag melden
17.10.2020 12:26
#14 RE: Linksbündiger Text im Blogartikel
avatar
Mitglied

TOP, der Code funktioniert, danke !
Nun muss ich mit diesem noch ein wenig "herumspielen"


 Antworten

 Beitrag melden
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!