articles text font and linked module search font

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • bendiesel
    Senior Member
    • Jan 2018
    • 235
    • 5.3.x

    articles text font and linked module search font

    Hi !

    is it possible to set font size in search module independently (smaller) then the main article text ?

    in attachment we see the texts circled in red:

    Click image for larger version  Name:	articles.png Views:	0 Size:	64.2 KB ID:	4407584
    Last edited by bendiesel; Wed 30 Jan '19, 3:47am.
  • Wayne Luke
    vBulletin Technical Support Lead
    • Aug 2000
    • 73979

    #2
    You have full access to CSS so you can do whatever you want with the layout. You can target individual modules by inspecting them and using their CSS ID to apply your custom CSS.
    Translations provided by Google.

    Wayne Luke
    The Rabid Badger - a vBulletin Cloud demonstration site.
    vBulletin 5 API

    Comment

    • bendiesel
      Senior Member
      • Jan 2018
      • 235
      • 5.3.x

      #3
      I don't want to be insistent but I'll be grateful if you give me indication about how it looks this custom css, the time I google to find how to find the exact css id after "inspect"...

      Comment

      • Wayne Luke
        vBulletin Technical Support Lead
        • Aug 2000
        • 73979

        #4
        You would do something like:

        #widget_XX .widget-content .post-content {font: ... }

        Don't know the specific CSS because each and every site is different and each widget instance will have its own ID. This is why you need to use the developer tools in your browser to determine and build your own CSS.
        Translations provided by Google.

        Wayne Luke
        The Rabid Badger - a vBulletin Cloud demonstration site.
        vBulletin 5 API

        Comment

        • bendiesel
          Senior Member
          • Jan 2018
          • 235
          • 5.3.x

          #5
          I spent the whole day trying to apply this code, i'm under beginner in CSS, so maybe the following will be useful for someone:

          if you select specific font size in the CKEditor, then you should override the style by adding : "[style]" and "important" to the default code proposed by Luke above which is the standard if you didn't any font specificity: example:

          Code:
          #widget_XX .widget-content .post-content [style] {font-size:14px !important;}
          thank you Luke
          Last edited by bendiesel; Fri 1 Feb '19, 6:41am.

          Comment

          • Wayne Luke
            vBulletin Technical Support Lead
            • Aug 2000
            • 73979

            #6
            !important shouldn't be necessary. Code in the css_additional.css template is always loaded last and therefore has priority.
            Translations provided by Google.

            Wayne Luke
            The Rabid Badger - a vBulletin Cloud demonstration site.
            vBulletin 5 API

            Comment

            • bendiesel
              Senior Member
              • Jan 2018
              • 235
              • 5.3.x

              #7
              Originally posted by Wayne Luke
              !important shouldn't be necessary. Code in the css_additional.css template is always loaded last and therefore has priority.
              in my case, i just verified without "!important" the code has no more effect when the font was customized with CKEditor in the original text

              i should add [style] also

              Comment

              Related Topics

              Collapse

              Working...