By Rukaiya on Sunday, 15 March 2015
Posted in General
Replies 7
Likes 0
Views 827
Votes 0
Hi,

I have four (hopefully quick) questions,

1. When a user clicks "upload avatar", Screenshot_1 comes up. How can I increase the height of the browse section? As you can see, only the top half of the word 'browse' is visible.

2. When a user hovers over their picture (or other members' pictures) under the Photos section, the name of the file comes up (please see Screenshot_2). I don't want users to be able to see this, so is there a way I can remove it? I also want to remove the file name from the area in Screenshot_3, which comes up after you click on any picture on the site.

3. I also want to remove the "view original" and "download photo" options (please see screenshot_4). These come up when you click on any picture on the site.

4. Finally, please see Screenshot_5. I want the "registered member" to show on the profile. However, I don't want users to be able to click on it. How do I access the code so I can remove the URL?

Any help with this will be much appreciated. Thank you so much for your continued help and support.
Hello Rukaiya.

1) I am really sorry because I cannot replicate your issue : http://screen.stackideas.com/2015-03-16_1707.png
But you can increase the size of the fields if you want. Just add this code in Extensions > Template Manager > [Default template for site] > Editor > CSS > template.css

body div#fd .input-sm {

height: 40px !important;
}


http://screen.stackideas.com/2015-03-16_1713.png

2) It is not possible to make Blogger.com posts to appear on their profile
·
Monday, 16 March 2015 17:15
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Rukaiya,

I am really sorry for the delay of this reply as it is a weekend for us here. Please find the responses to your inquiries below:


1. When a user clicks "upload avatar", Screenshot_1 comes up. How can I increase the height of the browse section? As you can see, only the top half of the word 'browse' is visible.

This seems like some template conflicts going on the site. Add the codes below into your template's css file,


.es-avatar-file {
height: auto !important;
}



2. When a user hovers over their picture (or other members' pictures) under the Photos section, the name of the file comes up (please see Screenshot_2). I don't want users to be able to see this, so is there a way I can remove it? I also want to remove the file name from the area in Screenshot_3, which comes up after you click on any picture on the site.

There's no configuration for this. You will need to modify the theme file located in /media/com_easysocial/apps/user/photos/themes/default/widgets/profile/photos.php and remove the codes below,


data-es-provide="tooltip"
data-original-title="<?php echo $photo->get( 'title' );?>"



3. I also want to remove the "view original" and "download photo" options (please see screenshot_4). These come up when you click on any picture on the site.

There's no settings for this right now but I will add this into the next release of EasySocial. Temporarily, edit the file /components/com_easysocial/themes/wireframe/photos/popup/menu/item.php and remove the codes below:


<li data-photo-original-button>
<a href="<?php echo $photo->getSource( 'original' );?>" target="_blank">
<?php echo JText::_( 'COM_EASYSOCIAL_PHOTOS_VIEW_ORIGINAL' );?>
</a>
</li>



4. Finally, please see Screenshot_5. I want the "registered member" to show on the profile. However, I don't want users to be able to click on it. How do I access the code so I can remove the URL?

Edit the file /components/com_easysocial/themes/wireframe/profile/default.header.php and locate the codes below,


<span>
<a href="<?php echo $user->getProfile()->getPermalink();?>" class="profile-type">
<i class="ies-vcard"></i> <?php echo $user->getProfile()->get('title');?>
</a>
</span>
·
Monday, 16 March 2015 03:40
·
0 Likes
·
0 Votes
·
0 Comments
·
Wow, thank you!

I've made all the changes and everything works.

There's one you didn't answer though, which is the second part of question 2. Please see Screenshot_3... it's just the file name when you click on a picture
·
Monday, 16 March 2015 04:33
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Rukaiya.

You need to remove this code in ...\components\com_easysocial\themes\wireframe\photos\info.php at line 15 until line 17.

    <div data-photo-title class="es-media-title es-photo-title">
<a data-photo-title-link href="<?php echo $photo->getPermalink();?>"><?php echo $photo->get('title'); ?></a>
</div>


or you can put this css override code in your current Joomla template:

body div#fd.es.es-photo-popup .es-photo-title{
display: none;
}

Hope this help
·
Monday, 16 March 2015 12:18
·
0 Likes
·
0 Votes
·
0 Comments
·
Thank you! Yes, that worked.

Two final questions please.

1. Some users are getting Screenshot_7. Can I increase the size of the fields in the login form?

2. Some of my easysocial/easyblog users have blog accounts on Blogger.com. Is there any way at all for their future posts on Blogger.com to automatically appear on their profile in easyblog/easysocial? So basically, when they make a new post, to get it updated on my site as well.
·
Monday, 16 March 2015 16:13
·
0 Likes
·
0 Votes
·
0 Comments
·
Thank you guys! Issues resolved
·
Tuesday, 17 March 2015 03:45
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Rukaiya,

You are most welcome. Glad that your issue has been resolved now
·
Tuesday, 17 March 2015 10:30
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post