Announcement

Collapse
No announcement yet.

how do I do this ?

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

    how do I do this ?

    how do I do this ?

    Click image for larger version

Name:	Untitled.png
Views:	710
Size:	110.6 KB
ID:	1449


    #2
    Click image for larger version

Name:	111.png
Views:	254
Size:	63.0 KB
ID:	1451


    Please explain this

    Comment


      #3
      my forum منتديات ابناء الكرك

      Comment


        #4
        Originally posted by alsuheimat View Post
        حياك الله
        بالخدمة

        1: Edit Page from the top
        2: edit search module drag and drop were you want to add
        3: save every thing
        Click image for larger version

Name:	1.png
Views:	247
Size:	97.1 KB
ID:	1457Click image for larger version

Name:	2.png
Views:	194
Size:	155.9 KB
ID:	1458

        Comment


          #5
          يمكن ما فهمتني يا اخي انا محتاج اعمل الأقسام مثل الى باللوم الازرق في الصورة الاولى

          Comment


            #6
            English only please.

            I think this is what you need:

            Code:
            .forum-list-container .category-header {
               background: #019dce;
            }
            .forum-list-container .category-header . category {
               color: #fff !important;
            }
            Just add that in css_additional template.

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

            Comment


              #7
              Originally posted by glennrocksvb View Post
              English only please.

              I think this is what you need:

              Code:
              .forum-list-container .category-header {
              background: #019dce;
              }
              .forum-list-container .category-header . category {
              color: #fff !important;
              }
              Just add that in css_additional template.
              thanks

              Comment


                #8
                how do I do this ?

                Click image for larger version

Name:	Untitled.png
Views:	220
Size:	49.2 KB
ID:	1501



                Click image for larger version

Name:	Untitled11.png
Views:	191
Size:	79.4 KB
ID:	1502

                Comment


                  #9
                  What to put in CSS aditional to also change the text color of categories to white?
                  What is the code to change also for the modules in the right?

                  Comment


                    #10
                    Originally posted by tenis View Post
                    What to put in CSS aditional to also change the text color of categories to white?
                    What is the code to change also for the modules in the right?
                    Post a screenshot of what you are looking for and I will write you a needed code here.

                    Comment


                      #11
                      Originally posted by zoran_dj View Post

                      Post a screenshot of what you are looking for and I will write you a needed code here.
                      Hello,
                      The above code it is changing the category background color. And that's it.
                      I need also the code for changing text color of categories to white (Primary Module Subheader Text Color ) and the code for changing the background and text color of modules (Module Header Background and Module Header Text Color).

                      For the moment I did it by changing the templates but I want to make it by CSS additional.
                      See the printscreen attached.

                      Comment


                        #12
                        Originally posted by zoran_dj View Post

                        Post a screenshot of what you are looking for and I will write you a needed code here.
                        So you are a VB tech?

                        Comment


                          #13
                          Originally posted by tenis View Post

                          Hello,
                          The above code it is changing the category background color. And that's it.
                          I need also the code for changing text color of categories to white (Primary Module Subheader Text Color ) and the code for changing the background and text color of modules (Module Header Background and Module Header Text Color).

                          For the moment I did it by changing the templates but I want to make it by CSS additional.
                          See the printscreen attached.
                          For the Primary Module Subheader Text Color you can search and edit this stylevar "primary_module_subheader_text_color".

                          For the Module Header Background and Module Header Text Color you can search and edit these two stylevars "module_header_background" and "module_header_text_color".

                          And if for some reason you need to change them with your css_additional.css template here are the CSS classes for them:

                          Code:
                          .forum-list-container .category-header .category {
                              color:{vb:stylevar primary_module_subheader_text_color} !important;
                          }
                          Code:
                          .canvas-layout-container .widget-header {
                              background:{vb:stylevar module_header_background};
                          }
                          Code:
                          .module-title h1 {
                              color:{vb:stylevar module_header_text_color};
                          }

                          Comment


                            #14
                            Thank you very much! And where do I put the color code?

                            Comment


                              #15
                              Originally posted by tenis View Post
                              Thank you very much! And where do I put the color code?
                              Well, I thought you did understand me, you should do it like this:

                              Code:
                              .forum-list-container .category-header .category {
                                  color:#yourcolorcode;
                              }
                              Code:
                              https://htmlcolorcodes.com/
                              But I strongly suggest editing stylevars from your Admin Control Panel > Styles > Style Manager > Style Variable Editor instead.

                              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 "|||"