Blog-Titel ausblenden - Mission (im)possible?

Antworten
#1
13.12.2017 09:13 (zuletzt bearbeitet: 14.12.2017 20:02)
avatar  Ducks
#1
Du
Ducks

Guten Morgen

Auf unserer Vereinsseite möchte ich gerne bei den News den Titel ausblenden können, so dass der erste Eintrag (resp. das Bild) auf der Höhe des Titel beginnt. Meine bisherigen Versuche führten lediglich dazu, dass entweder der ganze Inhalt des Blogs verschwand oder nur noch die Bilder angezeigt wurden.

Es handelt sich wohl um diesen Abschnitt:

1
2
3
4
5
6
7
 
<div id="cc-m-1" class="j-module n j-text ">
   <h1>News</h1>
</div>
<div id="cc-m-1" class="j-module n j-spacing ">
    <div class="cc-m-spacer" style="height: 40px;">
    </div>
</div>
 



Adresse: https://www.vclyss.ch/

Danke für euren Input,
Markus


 Antworten

 Beitrag melden
#2
14.12.2017 13:45
avatar  uwb
#2
avatar
uwb

Hi Markus

ich hoffe Dein Anliegen richtig verstanden zu haben.

sollte über CSS möglich sein:

1
 
.h2.j-blog-headline .j-blog-post--headline {display:none;}
 



LG uwb


 Antworten

 Beitrag melden
#3
15.12.2017 07:45 (zuletzt bearbeitet: 15.12.2017 07:48)
avatar  Ducks
#3
Du
Ducks

Zitat von uwb im Beitrag #2
Hi Markus

ich hoffe Dein Anliegen richtig verstanden zu haben.

sollte über CSS möglich sein:

1
 
.h2.j-blog-headline .j-blog-post--headline {display:none;}
 



LG uwb



Hallo uwb

Danke für deinen Tipp. Leider hat dieser Codeschnipsel an der Website nichts verändert - der Titel wird trotzdem noch angezeigt.

Kann es sein, weil ich den Blogeinträgen eine Kategorie (News) zugeordnet habe? Wenn ich nämlich alle Blog-Beiträge anzeige, unabhängig der Kategorie (https://www.vclyss.ch/news-alle/), dann erscheint der Titel nicht mehr.

Lg
Markus


 Antworten

 Beitrag melden
#4
15.12.2017 13:56
avatar  make
#4
ma
make

Dann lass mal den ersten Teil weg...

Also nur:

1
 
.j-blog-post--headline {display:none;}
 



Gruß
make

www.vertraute-erde.de

 Antworten

 Beitrag melden
#5
15.12.2017 14:02
avatar  Ducks
#5
Du
Ducks

Danke make. Hat leider denselben, resp. keinen Effekt...


 Antworten

 Beitrag melden
#6
15.12.2017 14:29
avatar  make
#6
ma
make

Also ich sehe im Moment keinen Blogtitel mehr auf Deiner Seite.

www.vertraute-erde.de

 Antworten

 Beitrag melden
#7
15.12.2017 15:34
avatar  Ducks
#7
Du
Ducks

Hey make

Wir haben uns scheinbar missverstanden :) Ich meine nicht die Titel der einzelnen Blog-Einträge, resp. der Artikel. Sondern den Haupttitel des Blogs! Das Wort "NEWS" über dem ersten Eintrag...sorry, wenn ich das nicht klar genug beschrieben hatte.


 Antworten

 Beitrag melden
#8
15.12.2017 16:03
avatar  uwb
#8
avatar
uwb

evt so:

1
 
div#cc-matrix- {display:none;}
 



lg uwb


 Antworten

 Beitrag melden
#9
15.12.2017 16:11
avatar  Ducks
#9
Du
Ducks

Das habe ich auch schon probiert, das löscht aber den ganzen Blog raus. Dieses Div wird für jeden Inhalt benutzt.


 Antworten

 Beitrag melden
#10
15.12.2017 16:21 (zuletzt bearbeitet: 15.12.2017 16:25)
avatar  TiJo
#10
Ti
TiJo

du kannst mal Folgendes versuchen:

1
2
3
4
5
6
7
8
9
10
11
 

<script type="text/javascript">
//<![CDATA[
 
window.onload = function()
{
$("#content_area").find( "cc-matrix-" ).eq( 0 ).hide();
}
//]]>
</script>
 
 


 Antworten

 Beitrag melden
#11
15.12.2017 16:52
avatar  TiJo
#11
Ti
TiJo

du musst davor noch

1
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js" type="text/javascript"></script>
 

einbinden


 Antworten

 Beitrag melden
#12
15.12.2017 21:19
avatar  Ducks
#12
Du
Ducks

Danke für den Tipp.

Das ändert leider auch nichts...scheint ne knifflige Sache zu sein.


 Antworten

 Beitrag melden
#13
15.12.2017 21:25
avatar  TiJo
#13
Ti
TiJo

Poste bitte mal den Code den du bis jetzt probiert hast


 Antworten

 Beitrag melden
#14
15.12.2017 21:36 (zuletzt bearbeitet: 15.12.2017 21:37)
avatar  Ducks
#14
Du
Ducks

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
 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js" type="text/javascript"></script>
 
<script type="text/javascript">
//<![CDATA[
 
window.onload = function()
{
$("#content_area").find( "cc-matrix-" ).eq( 0 ).hide();
}
//]]>
</script>
 
<style type="text/css">
/*<![CDATA[*/
 

.j-blog-page--tag {
   /* display: none; */
   position: absolute;
   top: -9999px;
   left: -9999px;
}
.j-blog-post--category {
   /* display: none; */
   position: absolute;
   top: -9999px;
   left: -9999px;
}
.j-blog-post--date {
   /* display: none; */
   position: absolute;
   top: -9999px;
   left: -9999px;
}
.jtpl-container {
    margin-top: 0px;
}
.cc-m-hgrid-column .n {
    padding: 0;
}
/*]]>*/ 
 
</style>
 

 



Das ist momentan mein Head-Bereich...hab die CSS-Anpassungen auch mal gelöscht, funktioniert aber auch nicht wenn ich nur den oberen Teil drin lassen.


 Antworten

 Beitrag melden
#15
16.12.2017 15:35 (zuletzt bearbeitet: 16.12.2017 15:35)
avatar  TiJo
#15
Ti
TiJo

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
 
window.onload = function()
{
$("#content_area").find( "div" ).eq( 1 ).hide();
}
//]]>
</script>
 
<style type="text/css">
/*<![CDATA[*/
 
 



oder

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
 
window.onload = function()
{
$("#content_area").find( "#cc-matrix-" ).eq( 0 ).hide();
}
//]]>
</script>
 
<style type="text/css">
/*<![CDATA[*/
 
 


 Antworten

 Beitrag melden
#16
16.12.2017 20:21
avatar  Ducks
#16
Du
Ducks

Danke, beide Versionen funktionieren. Die Seite wird allerdings mit Titel geladen, nach ca. 2 Sekunden lädt sie neu ohne Titel. Aber es ist ne Lösung :)


 Antworten

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