Announcement

Collapse
No announcement yet.

Question, enlarge the marked in the picture

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • Question, enlarge the marked in the picture

    Hello everyone
    I wanted to know how I can increase what is marked to greater

    Click image for larger version

Name:	111111.jpg
Views:	86
Size:	241.8 KB
ID:	4446530

  • #2
    up?

    Comment


    • #3
      You can increase the global font size by increasing the value of the global_text_font style variable. Multiply the font size by 10 to get the pixel size.

      To increase the size of just the highlighted text or the avatar it would require custom CSS. For the text use:

      .topics-count, .posts-count, .lastpost {your custom css here...}

      For the image use:

      .lastpost .avatar img {your custom css here...}
      Translations provided by Google.

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

      Comment


      • #4
        Originally posted by Wayne Luke View Post
        You can increase the global font size by increasing the value of the global_text_font style variable. Multiply the font size by 10 to get the pixel size.

        To increase the size of just the highlighted text or the avatar it would require custom CSS. For the text use:

        .topics-count, .posts-count, .lastpost {your custom css here...}

        For the image use:

        .lastpost .avatar img {your custom css here...}
        First of all thank you very much for the answer
        I am very new to the subject I wrote down like this:


        I searched in

        highlighted text or the avatar
        I did not find



        .lastpost .avatar img {
        width:72px;
        height:72px;
        }

        in css_additional.css .

        But does not work What is the problem What did I not record correctly?



        this is bro?


        Click image for larger version

Name:	67776.jpg
Views:	59
Size:	216.2 KB
ID:	4446608
        Last edited by TattoTattoo; Mon 31 Aug '20, 12:45pm.

        Comment


        • #5
          I don't really think this is going to work the way you think it is. You'll need a lot of CSS changes to make a 32 X 32 pixel image scale to 72 X 72 pixels and format the surrounding text.

          This will resize the image:
          Code:
          .lastpost .avatar img {
            width:72px !important;
            height:72px !important;
            max-width:72px !important;
            max-height:72px !important;
          }
          Then you'll need to adjust the padding on the text:

          Code:
          .forum-list-container .forum-item .lastpost > .lastpost-wrapper > .avatar + .lastpost-info {
              padding-left: 82px;
          }
          Then you'll probably need to make the overall container larger.

          Even with these changes, your images may appear pixelated. Doubling the size of a 32 X 32 pixel image isn't the strong suit of a web browser.
          Translations provided by Google.

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

          Comment


          • #6
            Originally posted by Wayne Luke View Post
            I don't really think this is going to work the way you think it is. You'll need a lot of CSS changes to make a 32 X 32 pixel image scale to 72 X 72 pixels and format the surrounding text.

            This will resize the image:
            Code:
            .lastpost .avatar img {
            width:72px !important;
            height:72px !important;
            max-width:72px !important;
            max-height:72px !important;
            }
            Then you'll need to adjust the padding on the text:

            Code:
            .forum-list-container .forum-item .lastpost > .lastpost-wrapper > .avatar + .lastpost-info {
            padding-left: 82px;
            }
            Then you'll probably need to make the overall container larger.

            Even with these changes, your images may appear pixelated. Doubling the size of a 32 X 32 pixel image isn't the strong suit of a web browser.
            this i change this is good

            .forum-list-container .forum-item .lastpost > .lastpost-wrapper > .avatar + .lastpost-info { padding-left: 82px; }


            where i change this

            .lastpost .avatar img { width:72px !important; height:72px !important; max-width:72px !important; max-height:72px !important; }

            ?
            Last edited by TattoTattoo; Mon 31 Aug '20, 1:11pm.

            Comment


            • #7
              You don't change anything. You copy and paste the code into your css_additonal.css template for it to overwrite the defaults.
              Translations provided by Google.

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

              Comment


              • #8
                Originally posted by Wayne Luke View Post
                You don't change anything. You copy and paste the code into your css_additonal.css template for it to overwrite the defaults.
                ok good! and the blue what i need to copy?
                Increase them
                Click image for larger version

Name:	111111.jpg
Views:	47
Size:	244.5 KB
ID:	4446647

                Comment


                • #9
                  Originally posted by Wayne Luke View Post
                  You don't change anything. You copy and paste the code into your css_additonal.css template for it to overwrite the defaults.
                  ?

                  Comment


                  • #10
                    Already shared how to change the text. If you're going to customize your site outside the provided Style Variables, you really need to take a basic CSS course.

                    Originally posted by Wayne Luke View Post
                    .topics-count, .posts-count, .lastpost {your custom css here...}
                    Translations provided by Google.

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

                    Comment

                    Related Topics

                    Collapse

                    Working...
                    X