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:	1
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:	1
Size:	771.2 KB
ID:	10373





    #2
    Here it is:

    https://vbmods.rocks/forum/vbulletin...oud-compatible

    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.

    Comment


      #3
      Awesome thank you it works great !!

      Comment


        #4
        Cool! It still works in customized styles.

        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.

            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:	1
Size:	353.8 KB
ID:	10403
              Click image for larger version

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

              Comment


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

                https://vbmods.rocks/forum/vbulletin...0395#post10395

                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:	1
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:	1
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);
                        }

                        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:	1
Size:	63.4 KB
ID:	10447

                              Comment

                              Working...
                              X