User Blog Überschrift CSS anpassen?

    Affected Version
    WoltLab Suite 3.1

    Wenn ich die Größe der Überschrift je Artikel von den User Blogs anpassen möchte, müsste ich dann den messageTitle ändern? Also


    Code
    .messageTitle > h3

    Nur wie lautet der Code richtig :( ?


    Danke vorab

    kuHn

    An welcher Stelle denn? Auf der Auflistungsseite? Dann wäre es das


    Code
    #tpl_blog_blogList .messageReduced .messageTitle {
    font-size: 30px;
}

    Coole Idee, danke für den Tipp! :):thumbup:


    Allerdings müsste man die Größe der Überschrift auch noch unter


    https://www.domain.de/blog/blog-entry-list/name-des-blogs/


    anpassen. Hier zieht der CSS Code von @Tobias777 nicht. Die Überschrift bleibt hier noch klein. Wie müsste man das noch anpassen? Merci! :saint:

    Ich habe ein bisschen recherchiert und ich bin mir ziemlich sicher dass es sich um das entryMessageList Template handelt.


    Allerdings funktioniert weder #tpl_blog_entryMessageList noch #tpl_entryMessageList oder sonst eine Kombination. Wie muss man denn dieses Template ansprechen? Wenn man den Templatenamen weg lässt und nur .messageReduced .messageTitle verwendet, funktioniert es.

    Schaut doch einfach mal mit Rechtsklick -> Untersuchen im devTool des Browsers. Da könnt ihr euch den html und css code angucken und auch live anpassen zum testen. Das ist wirklich kein Hexenwerk, einfach mal ausprobieren :)

    Hast Du mal einen konkreten Link zum Anschauen?





    Gruß norse

    Zugang zu meinen Arbeiten und dem dazugehörigen Support bekommt Ihr bei Interesse hier.

    Like 1
    Quote from Tobias777

    Schaut doch einfach mal mit Rechtsklick -> Untersuchen im devTool des Browsers. Da könnt ihr euch den html und css code angucken und auch live anpassen zum testen. Das ist wirklich kein Hexenwerk, einfach mal ausprobieren :)

    Ja das hab ich doch gemacht aber da findet man nirgendwo den konkreten Templatenamen ;) Mit dem Tool sehe ich den CCS Code und daher hat es mit .messageReduced .messageTitle auch gleich geklappt.

    Quote from ReeN
    CSS
    #tpl_blog_blogEntryList .messageReduced .messageTitle {
    font-size: 30px;
}

    Vielen Dank, so funktioniert es! Aus Interesse, wie kommt man auf den Templatenamen? Im ACP heißt das Template nämlich entryMessageList - siehe Screenshots. Wie man da auf #tpl_blog_blogEntryList kommt, erschließt sich mir leider nicht :/



    Wenn ich z.B. den Thread hier mal mit den Browserools untersuche und den <body> Bereich anschaue...

    HTML
    <body id="tpl_wbb_thread" itemscope="" itemtype="http://schema.org/WebPage" itemid="https://community.woltlab.com/thread/268866-user-blog-%C3%BCberschrift-css-anpassen/" data-template="thread" data-application="wbb" data-page-id="46" data-page-identifier="com.woltlab.wbb.Thread" class=" mobileShowPaginationTop">

    ...dann sehe ich u.a. id="tpl_wbb_thread". Das wäre im CSS dann z.B. #tpl_wbb_thread. Das selbe kannst du auf deiner Blog Seite auch machen.

Participate now!

Don’t have an account yet? Register yourself now and be a part of our community!

Register Yourself Login