Announcement

Collapse
No announcement yet.

How to have a border around my topic modules

Collapse
X
Collapse
First Prev Next Last
 
  • Filter
  • Time
  • Show
Clear All
new posts

    How to have a border around my topic modules

    I really like how this forum has a border around the topic modules. How do I achieve this to separate the different modules.

    Click image for larger version

Name:	Screen Shot 2018-04-11 at 16.31.19.png
Views:	824
Size:	414.5 KB
ID:	10372


    As you can see mine don't have a border


    Click image for larger version

Name:	Screen Shot 2018-04-11 at 16.28.51.png
Views:	107
Size:	771.2 KB
ID:	10373





    #2
    Here it is:



    You might need to do additional tweaks to the CSS as you have customized style. The CSS provided in that mod is based off the Default Style.

    Helpful? Donate. Thanks!
    Buy me a coffeePayPal QR Code
    Fast VPS Host for vBulletin:
    A2 Hosting & IONOS

    Comment


      #3
      Awesome thank you it works great !!

      Comment


        #4
        Cool! It still works in customized styles.
        Helpful? Donate. Thanks!
        Buy me a coffeePayPal QR Code
        Fast VPS Host for vBulletin:
        A2 Hosting & IONOS

        Comment


          #5
          Originally posted by glennrocksvb View Post
          Cool! It still works in customized styles.
          How do I make the area between the modules transparent now to match the background ?

          Comment


            #6
            The white background? I have to see your page to be able to suggest an accurate solution.
            Helpful? Donate. Thanks!
            Buy me a coffeePayPal QR Code
            Fast VPS Host for vBulletin:
            A2 Hosting & IONOS

            Comment


              #7
              You can see the issue here also on iPhone there is another issue with the text outside the module.

              Click image for larger version

Name:	AD0E930E-4379-425F-B938-5F35A54BE413.png
Views:	89
Size:	353.8 KB
ID:	10403
              Click image for larger version

Name:	E50CBE24-86CF-4245-848B-FE13D3CDAB2F.png
Views:	94
Size:	357.3 KB
ID:	10404

              Comment


                #8
                This should fix the text extending outside the container.

                Helpful? Donate. Thanks!
                Buy me a coffeePayPal QR Code
                Fast VPS Host for vBulletin:
                A2 Hosting & IONOS

                Comment


                  #9
                  Perfect !

                  Comment


                    #10
                    Originally posted by glennrocksvb View Post
                    The white background? I have to see your page to be able to suggest an accurate solution.
                    This part here I would like to be transparent to 0.8

                    Click image for larger version

Name:	Screen Shot 2018-04-12 at 15.39.12.png
Views:	80
Size:	376.9 KB
ID:	10418

                    Comment


                      #11
                      Originally posted by glennrocksvb View Post
                      The white background? I have to see your page to be able to suggest an accurate solution.
                      This is the area I was talking about. Is it possible to make it semi transparent like the rest of the background on the left next to the background picture

                      Click image for larger version

Name:	Screen Shot 2018-04-13 at 08.05.03.png
Views:	93
Size:	197.1 KB
ID:	10438

                      Comment


                        #12
                        You can't set transparent to that part only. But you could do so for that entire module.

                        Code:
                        #widget_3 {
                            background: rgba(255,255,255,.3);
                        }

                        Helpful? Donate. Thanks!
                        Buy me a coffeePayPal QR Code
                        Fast VPS Host for vBulletin:
                        A2 Hosting & IONOS

                        Comment


                          #13
                          Thanks, I will try that or maybe just change the rest to the same colour. I will see what looks better. Thank you again.

                          Comment


                            #14
                            Originally posted by glennrocksvb View Post
                            You can't set transparent to that part only. But you could do so for that entire module.

                            Code:
                            #widget_3 {
                            background: rgba(255,255,255,.3);
                            }
                            Actually this looks great !! Thanks again, loving this forum so much help and great mods !

                            Comment


                              #15
                              Any ideas why this happens on mobile ?

                              Click image for larger version

Name:	471E31BB-EDBB-4FAF-ADF3-C239EFC2C492.jpeg
Views:	73
Size:	63.4 KB
ID:	10447

                              Comment

                              Users Viewing This Page

                              Collapse

                              There is 1 user viewing this forum topic.

                              • Guest Guest

                              Latest Posts

                              Collapse

                              Working...
                              X
                              Searching...Please wait.
                              An unexpected error was returned: 'Your submission could not be processed because you have logged in since the previous page was loaded.

                              Please push the back button and reload the previous window.'
                              An unexpected error was returned: 'Your submission could not be processed because the token has expired.

                              Please push the back button and reload the previous window.'
                              An internal error has occurred and the module cannot be displayed.
                              There are no results that meet this criteria.
                              Search Result for "|||"