blog documentation FAQ followers forum marketplace services youtube

solved jrElastic vs jrMediaPro - Question question about the CSS for profile page

The Jamroom Network » Forum » Design and Skin Customization » Page » jrElastic vs jrMediaPro - Question question about the CSS for profile page
iLoveHouseMusic
iLoveHouseMusic
@ilovehousemusic
10 years ago
517 posts
So I dug around in the CSS files and compared jrElastic to jrMediaPro.
I also looked at how the profile_name_box is listed in the skin > profile_header.tpl files.

What I'm trying to do is replicate the "big" FOLLOW/ADD/UPDATE/DELETE buttons that are seen in the Profile pages of jrElastic.

I'm using jrMediaPro and I want to have those big obvious buttons on the profile page for the viewer.

Are those separate (smaller) images or is that being controlled in another part of CSS I'm not finding?

I've been using developer tools in Chrome to help design my site, but this one is eluding me.

Thanks in advance!
B
updated by @ilovehousemusic: 04/03/14 08:30:18AM
SteveX
SteveX
@ultrajam
10 years ago
2,584 posts
add, update, delete, etc are created by function, for a jrElastic profile, they are in profile_header.tpl in the skin
                <div class="block_config" style="margin-top:0">
                    {jrCore_module_function function="jrFollower_button" profile_id=$_profile_id title="Follow This Profile"}
                    {jrCore_item_update_button module="jrProfile" view="settings/profile_id=`$_profile_id`" profile_id=$_profile_id item_id=$_profile_id title="Update Profile"}
                    {if jrUser_is_admin()}
                        {jrCore_item_create_button module="jrProfile" view="create" profile_id=$_profile_id title="Create new Profile"}
                    {/if}
                    {if jrUser_is_master()}
                        {jrCore_item_delete_button module="jrProfile" view="delete_save" profile_id=$_profile_id item_id=$_profile_id title="Delete this Profile" prompt="Are you sure you want to delete this profile?"}
                    {/if}
                </div>



--
¯\_(ツ)_/¯ Education, learning resources, TEL, AR/VR/MR, CC licensed content, panoramas, interactive narrative, sectional modules (like jrDocs), lunch at Uni of Bristol. Get in touch if you share my current interests or can suggest better :)
douglas
@douglas
10 years ago
2,790 posts
The follow button are CSS controlled as well as the update etc.. buttons.

You'll find the css in the core_form_buttons.css file. The size of the update, create, delete etc. buttons is controlled by the skins/jrMediaPro/include.php file, it is this section:

    // Tell the core the default icon set to use (black or white)
    jrCore_register_module_feature('jrCore','icon_color','jrMediaProLight','black');
    // Tell the core the size of our action buttons (width in pixels, up to 64)
    jrCore_register_module_feature('jrCore','icon_size','jrMediaProLight',18);

Hope this helps,
Douglas


--

Douglas Hackney
Jamroom Team - Designer/Developer/Support
FAQ-Docs-Help Videos
updated by @douglas: 02/26/14 09:10:56AM
iLoveHouseMusic
iLoveHouseMusic
@ilovehousemusic
10 years ago
517 posts
@SteveX Yup! That was my starting point!

@douglas - core_form_button.css!! It's always the one I dont look at. LOL.
Thanks for that info on the include.php. Very helpful!

This thread can be closed. Thanks again,B
updated by @ilovehousemusic: 02/26/14 10:51:39AM

Tags