We build. You grow.

Get best community software here

Start a social network, a fan-site, an education project with oxwall - free opensource community software

ow_edit_profile_link how to make it visible all the time | Forum

Topic location: Forum home » Development » Themes
Terry Webbs
Terry Webbs Aug 12


ow_edit_profile_link

ow_lbutton

On viewing profiles if you mouse hover over the basics you get this wheel icon appearing  bottom right. Little more fiddly on mobile, however is there a way I can have this appear visible without having to hover.


Would it be possible to just add some custom CSS?

Any help will be appreciated, using the panadora dark theme.

Thank you in advanced.


I found this in the style sheet but I only know basic CSS


#edit-profile a.ow_lbutton, #edit-profile span.ow_lbutton{

width: 30px;

height: 30px;

font-size: 0px !important;

background: rgba(38, 165, 152, 0.09) url(images/ic_gear_wheel.svg) no-repeat center center;

border:none;

}

        #edit-profile a.ow_lbutton:hover, #edit-profile span.ow_lbutton:hover {

    width: 30px;

    height: 30px;

    font-size: 0px !important;

    background: rgba(153, 162, 161, 0.09) url(images/ic_gear_wheel.svg) no-repeat center center;

        border:none;

}

.ow_edit_profile_link {

    position: absolute;

    right: 0px;

    bottom: 0px !important;

    top: auto !important;

The Forum post is edited by Terry Webbs Aug 13
Terry Webbs
Terry Webbs Aug 13
Found my own solution by doing some reverse engineering

How to make the edit profile link permanently visible on profiles...


navigate to:

/ow_system_plugins/base/views/components/

user_view_widget_table.html

user_view_widget_tabs.html


edit the above files and remove the following


 {script}

        {literal}

            (function(){

                $(".user_profile_data").hover(

                  function(){

                    $("#edit-profile").fadeIn();

                  },

                  function(){

                    $("#edit-profile").fadeOut();

                  }

              );

           }());

       {/literal}

    {/script}


now edit the line

<div style="display: none;" id="edit-profile" class="ow_edit_profile_link">


to read

 <div style="display: inline-block;" id="edit-profile" class="ow_edit_profile_link">


upload the 2 files, clear cache and local browser cache


(always back up before editing anything)

you will have to perform this overytime there are any system file updates

The Forum post is edited by Terry Webbs Aug 13
Terry Webbs
Terry Webbs Aug 13
simpler solution add this to the Custom CSS page


.ow_edit_profile_link {

 display: inline-block !important;



it is the !important; that made the big difference in overriding the hover element

The Forum post is edited by Terry Webbs Aug 13
dave Leader
dave Aug 14
Thanks Terry for taking the time to share, im sure someone will find that handy :)