I need to remove everything ABOVE the Activities, Group Details, Discussions, Announcements tabs in groups. So, how to do that? How can I make the cover photos and everything else disappear?

How can I turn off the cover photo and all of the menus there? I can already turn off the toolbar. What about the cover photo, avatar and the menus underneath the photo?

    geofhill1
    Hi
    Its the core features to open a group, removing all this information makes the UI complete mess and user cant navigate to feature of the covers.
    Kindly let me know if you still want to remove it. Toolbar can be hide from JomSocial > configurations > layout > Show toolbar > NO.

      Ok. I want to embed a live video player for cover photo. That is my main purpose. To embed live video player in the cover photo area only. So, how to put the embed code for the cover photo?

      Then, I need to turn off the Group name, Group avatar, Invite Friends button, Group name short description

      Turn off toolbar of Announcements 0Discussions 0Photos 0Videos 0Events 0Polls 0Member 1More

      Ninja

        geofhill1
        Hi
        There is no option to change the cover picture to a live feed as its custom work and need many code changes and new code to apply. i can share you that path of file that you can customize..
        Open /component/com_community/templates/jomsocial/layout/groups/
        this file used to take the JomSocial group layout files single.php
        file use to display the Group page layout. From line 45 it start the cover area.

        You can also override it via template folder /html/ folder.

          7 days later

          Ninja

          How to modify the template? Please give instructions if you can't do the coding. I am willing to pay money for coding

            2 months later

            I want to modify the js_shadow template to reduce the group cover photo size to height: 0;
            But I do not understand how to do this. I have tried many many methods to make custom.css and it does not work for me.

            Please give complete instructions for beginners.

            Ninja

              geofhill1
              Hi
              to set height 0 you can use this code

              .view-groups.task-viewgroup .joms-focus__cover-image  {height:0px;min-height:0px;}
              
              .view-groups.task-viewgroup .joms-focus__cover:before {padding-top: 10%;}

              The suggestion based on the demo site.

                Please answer my entire question. Toy only answered 50%.

                  geofhill1
                  Hi
                  I already shared the code with you, if you have any issue please share the URL of the group page here on which you applied this code and its not working for you.
                  There is no other tweaks, the code is used to minimize the height as you needed.

                  And yet, ytou did not answer the complete question, again. I specifically asked for ""instructions for beginners"... simply pasting a code is not the answer that was requested. Perhaps you could complete the answer please. I have asked this question for 3 months now and still do not get an answer that a beginner can fix. Please answer the entire question, not just the first sentance.

                  Ninja

                    geofhill1

                    Ninja Which template you want to modify ? Or you asking for overriding

                    Please check the thread first, there is no information provided by you yet, No template details or URL screenshots?
                    Customization is not a guide as it changed depends on personal needs. And more a self learning.
                    JS Shadow is a JomSocial theme and it does not make any difference in the group covers as its core feature to display the covers.

                    You can use inspect element from browser tools : https://www.hostinger.in/tutorials/website/how-to-inspect-and-change-style-using-google-chrome
                    example:

                    geofhill1 I have tried many many methods to make custom.css and it does not work for me.
                    http://prntscr.com/up1bth
                    http://prntscr.com/up1box
                    To check the style code and override it as i shared in the last post. use that in custom.css

                    Hope it make sense.

                      thank you. So, I just paste this code somewhere and it somehow works? Where do I paste it? SHould I create another joomla article? or paste in a module? or paste inside an email or something? I did create a custom.css file vefore but where do I put it? Do I paste those codes inside something? I have seen that browser tool thing 1000 times but it does not tell me where to put something. That is cearly not a beginner method.

                      SO, I am additionally confused now. If JS_Shadow is a theme, do I paste those codes inside that temef somewhere? Would that be inside the something.php file? perhaps somewhere inside a SCSS folder with some new file name? I do not know.... so I am asking for Beginner instructions.

                      Ninja

                      Also, within Jomsocial in the configuration section under "teamplates" it says that I installed the template called "JS_Shadow". So, I am assuming that JS_Shadow is indeed an actual template since it's in the template section. If it is just a theme, why is it in the template area? I want to somehow modify the supposed template to reduce the size of that cover photo. Do I need to put something inside that template theme or somewhere else? I really do not know.

                      Ninja

                        geofhill1
                        Hi
                        If you are not aware the basics css its hard for you, as its custom work you need to check it with your developer.
                        About where to paste? you must check it on custom.css as you already trying
                        + without a URL how i will give suggestion i am not sure your template support custom.css or not?
                        It would be better if you share the asked details to get proper support. I already shared the details how to customize things, for very beginner first you have to learn the css, html as its not something i can help under support scope to give support for learning.

                        Let me know the URL if the code is not working.

                        \

                        Jomsocial is running the jomsical template called "JS_Shadow" according to what it is showing within Jomsical admin under configuration/templates. What file do I add that code into for taht tempalte?

                        OR...do I need to somehow modify the main website template itself? Previously I did edit the single.php file and did eliminate the cover photo...but that breaks the jomsocial code.

                        Ninja

                          geofhill1
                          Hi
                          I am afraid if you can not share details, i am not able to provide further support , as there is not details to check. The code i shared you can add in custom.css file in the template css folder or at the end of template.css
                          I am not sure as you are not giving site URL or what template you are using. you have to share the details as its not a bug fix to make test on demo site or fresh package.
                          If you need further help just provide me details as i am only trying to help you.

                          Here is Support policy : https://www.jomsocial.com/support-policy

                            In Jomsocial configuration/templates... what does it mean when it says "JS_Shadow" in the template list? Is that not a template? That's the template I am using.

                            Ninja

                            thank you for sharing the support policy link. However, this is not a quetsion about support policy.

                            I am looking at the Jomsocial configuration section . There is a section called "Templates" Inside that template section there is a template called "JS_Shadow".... Is the template called "JS_Shadow" not actually the template even though its in the template section now? IF JS_Shadow is not a template, why is it in the template section?

                            I have been told I need to edit the template. So, do I edit the JS_Shadow template or some other template?

                            Yes, I should know CSS and HTML to do this work. This is how we learn. We learn by doing. So, I am doing.

                            So, again, do I edit the JS_Shadow template or some other template? I did add a custom.css file containing the codes you wrote.. I put that custom.css file inside the JS_Shadow template located in cmponents/com_community/templates/custom.css but the cover photo size did not change.

                            Ninja

                              You need to Login to view replies.