5high-photohub

[5high-photohub]

Hi Sharmstr,

Nope, can’t get the selectors for the actual font size. I’ve tried using G Chrome dev tools (as the top menu doesn’t show in Firebug – did you know that??) and have come up with some options like this:

#top-social .ts-text { font-size: 18px !important; }
and this:
.social-header { font-size: 18px !important; }

but no luck – can you help?

Thanks heaps1

[5high-photohub]

Thanks Radu,

I’ve had a look at it to find the selectors for styling the borders for the tabs and the ‘pages’ beside them, which i thought would be easy with having your selectors as a guide as to what to look for, but I’m stuck! Just can’t track them down!

Could you give me the list of selectors i need to style these things on the tabbed tour? –

1. how to change the width of the tab, as at present it’s really wide compared to the content part beside it (So I’d like the tab shorter, so the page bit beside it is wider).
2. tab/page border colours
3. tab/page border width
4. tab colours
5. and lastly how to arrange the tabs into ‘sub tabs’ (if possible), like in your theme options > styling options section in wp-admin.

Even if you could show me where to find these styles in style.css would be great. Thanks.

Cheers,
J

[5high-photohub]

Hi Radu,
Thanks for that – but i was after the vertical tabs section styling; the ‘Tour’ vertical tabbed content in VC. Like in your Theme Options that shows in wp-admin area (see my first screenshot).
Any help appreciated!
Cheers.

[5high-photohub]

Thanks for the heads up on the 95 thingy! We have given admin login to a few others to sort out some site issues so it might have been accidentally reset then.. or just my bad maths for the number of minutes in each day!

re. protecting videos with s2m – I’m a newbie with this but I’d say you could wrap the video in a one of their shortcodes or sue their API scripts. But post to their standard forum and I’m sure it will be sorted.

Cheers 🙂

[5high-photohub]

@empoweredanimals – your site looks great! Yup, ours is here: https://www.the-photohub.co.nz and launches April 2nd, so is currently in maintenance mode. And thanks so much for your help with this profile styling problem – I’d totally forgotten about the s2m options like that as I’d set them up before we purchased the theme.

Just a quick query – as you’re using s2member for login (like us) are you having the same problem of it not redirecting for users? See my post in this forum here: https://archived.seventhqueen.com/forums/topic/log-in-not-redirecting-to-page . Just a thought,in case you can help solve the problem.

Thanks and good luck with your launch party!

[5high-photohub]

PS. if you want to make the profile name a bit more prominent to break up the text I’ve just added the bold html tag () inline in the s2m profile edit section – and it seems to work OK! I did this because the whoile text block was goveredn by the Kleo default text style so couldn’t think of another way to do it easily.
Hope this helps?
Cheers, J

[5high-photohub]

@empowerdanim – brilliant! So I think you can mark this as resolves now laura, as it seems to relate to the s2m stying.

For others who are looking for a solution to the same issue, this is what I did:

I did as suggested above, by selecting a ‘new section’ without a heading for each of my profile fields in s2m > general Options > Registration/profile Fields and options.

This then shows a thin dividing line between fields as the default s2m styling if there’s no section header. So I removed this line by adding this code into my chil theme style.css:

COPY CODE

body.profile.public div.ws-plugin--s2member-profile-field-4bp-divider-section {
 border-bottom: none !important;
}

and now at least it’s all laid out better. Then to continue styling you’ll have to find the relevant s2m property to change according to what you need to do, as it looks liks all this central bit is determined by the s2m plugin.

Please let me know if my code is incorrect or there’s a better solution?

Thanks again empowerdanim and Laura and the 7thQueen support team 🙂

[5high-photohub]

Hi Laura,

I passed some feedback from this support forum about this problem back to the s2m team, namely this from a previous thread:

‘…I have come to know that it is a known problem with s2 member pro plugin. It conflicts with ajax login and wordpress redirection. This plugin also overwrites wordpress default user roles.’

And s2m support have come back with the following info, which might be helpful for you to correct this problem:

Hi,
You said the theme developers said this about s2Member: “…This plugin also overwrites wordpress default user roles”.

That’s not true. s2Member does not overwrite any default WordPress User Roles. We add new WordPress User Roles (s2Member Level 1 – 4), but we do not modify any existing ones.

We integrate with BuddyPress–we have tested this and it works, including logins and redirections to the Login Welcome Page.

The problem here is that the Kleo theme developers have created their own custom Login Form (the AJAX form that you showed in your original screenshots). That AJAX form is overriding the default WordPress login system, which is what s2Member integrates with. (BuddyPress integrates properly with the WordPress login system, which is why s2Member and BuddyPress play nice together.)

There’s really not anything s2Member can do here–we rely on standard WordPress development practices for integrating with the WordPress login system. Most WordPress themes (even those that provide their own login page) and even special “Login Form” plugins work just fine with s2Member, as long as they also follow standard procedures for integrating with the WordPress login system.
Regards,

Please could you look int this urgently and let me know?

many thanks,

Jenny

[5high-photohub]

This reply has been set as private.

[5high-photohub]

Hi Abe,

Thanks – I took the plunge and have gone down the route of editing the buddypress.po files. I’ve posted the whole process in this other thread for anyone else who’s looking for this: https://archived.seventhqueen.com/forums/topic/edit-text-in-profile-photo-upload-area#post-51297 . hope it helps?

Cheers,
j

[5high-photohub]

Update: this info may be of use to others looking to change various text in BP, so I thought I’d share it here. All the info is out there, but some now a bit out of date and some with only part of the info, so this is what I’ve found useful and the various references I’ve used…

To change text/labels in BP it’s definitely worth creating a .po and .mo file, as per the BP docs here: https://codex.buddypress.org/getting-started/customizing/customizing-labels-messages-and-urls/

1. find the file buddypress.pot in wp-content/plugins/buddypress
2. copy it and rename it buddypress-en_US.po
3. download a copy of this file to your pc, via FTP, for editing (and as backup)
4. download the poedit software to use on your pc – links in BP page above
5. open your buddypress-en_US.po file in poedit by clicking Open (open catalog)
6. find the word or text string you need with edit > find
7. wherever you want to change the text just add what you want in the ‘Translation’ bit under the Source text box, and keep going through it till all changed.
8. click Save – this saves your .po file AND a copy as a .mo file (apparently a .mo file is for machines only so don’t expect tp be able to read it)
9. either in your cpanel or via FTP create a new folder titled ‘plugins’ in wp-content (if there isn’t one already there) so it’s now wp-content/languages/plugins
10. upload both the newly edited .po and .mo files to wp-content/languages/plugins
11. clear your cache on your page to view your new edits – perfect every time!

refs: http://www.buddyboss.com/support-forums/topic/change-profile-labels/
https://wpalchemists.com/2014/05/buddypress-translation-files/
http://premium.wpmudev.org/blog/basic-guide-to-creating-a-buddypress-language-file-for-sitewide-label-and-message-editing/

When I first read the BP docs (top link) it all sounded a bit too daunting; but when I realised that it was the only real solution to lots of small changes i needed to make, I just had to give it a go – and Voila! definitely a good decision!

Cheers,
Jenny

[5high-photohub]

Hi Radu,

Nothing like that in my wp admin > Tools! I’ve had a search and think maybe you’re using the plugin ‘Codestyling Localization’? as it looks like this in the screenshots. Unfortunately it hasn’t been updated in over 2 years so maybe an issue now BP has done some major upgrades recently??? What do you think?

I am however trying to change things via the BP bp-languages.po files. Would these changes be in there too? Or is there an easier option that I’m missing?

Cheers,
J

[5high-photohub]

This reply has been set as private.

[5high-photohub]

Hi there,

I use s2member framework pro to manage memberships, membership levels and page security for members-only pages. It is designed to be fully integrated with buddypress; so as long as you install Buddypress first, when you install s2member it recognises BP and enables certain features to work seamlessly with it. One of those is the profile fields. So they recommend leaving only the default field of ‘name’ in BP, and setting up all the others via s2m in s2member > General options > Registration/Profile fields and Options; and enabling the integration with BP (at the bottom of the same section). This is then fully integrated with BP and s2m.

Please note that as we are only just over a week to launch, our site is now in maintenance mode. Please let me know your IP address so I can whitelist it to allow you to still see the frontend.

Many thanks.

[5high-photohub]

Hi again,

Well I’ve heard back from the s2member pro plugin and no real solution I’m afraid. They said:

“Unfortunately it sounds like you’re using a WordPress theme that is not compatible with s2Member. The vast majority of WordPress themes work just fine with s2Member – we have tens of thousands of users who are using s2Member on their site without the problem you described. But if a theme developer customizes the login process the way the Kleo theme does, then s2Member will not function properly. That’s not to say the Kleo theme cannot be made to work with s2Member…”

When I first asked about the Kleo theme I did ask about using s2m with it, as I had already set it up, and I was told that it would probably be OK as it was Ok with the PMP. However I’ve now searched through this forum and found quite a few SeventhQueen customers who are using/want to use the s2m plugin but are having problems with it being in conflict with your themes, particularly with the login not working properly.

I did look at, and try, the PMP plugin but found that although it had a very easy/basic admin setup, it didn’t offer the range of options (or admin control – or detailed docs) compared to s2member framework. S2m appears well crafted and integrates well with other complex plugins like Bullet Proof Security, and although it’s a bit daunting to set up at first, it does support all payment pathways and gives heaps of functionality and flexibility. However when I researched the PMP plugin, although they enabled payment via PayPal they made it very clear that they would not support any integration problems with PayPal – as it was ‘too difficult’. Not a promising start, so after reviewing it I decided against it.

Perhaps you guys could take another look at this login issue to see if you can fix it for all of your customers?

Keeping my fingers crossed – many thanks.

[5high-photohub]

Hi Abe,

That’s a great article that you shared the above link for, but i see that his code is a bit different to some recent code i was recommended for these sorts of edits in Buddypress.

In the code i used to reorganise my profile tabs i have:

COPY CODE

define('BP_DEFAULT_COMPONENT', 'profile' );
function bbg_change_profile_tab_order() {
global $bp;
$bp->bp_nav['profile']['position'] = 10;
$bp->bp_nav['groups']['position'] = 30;
$bp->bp_nav['activity']['position'] = 40;
$bp->bp_nav['messages']['position'] = 50;
$bp->bp_nav['notifications']['position'] = 60;
}
add_action( 'bp_setup_nav', 'bbg_change_profile_tab_order', 999 );

whereas his code is this:

COPY CODE

function mb_profile_menu_tabs(){
global $bp;
$bp->bp_nav['activity']['position'] = 15;
$bp->bp_nav['messages']['position'] = 10;
$bp->bp_nav['messages']['name'] = 'Mail';
$bp->bp_nav['friends']['name'] = 'Contacts';
$bp->bp_nav['profile']['name'] = 'Account';
}
add_action('bp_setup_nav', 'mb_profile_menu_tabs', 201);

I suspect that some of this is now out of date due to the recent update to BuddyPress.

Could you confirm what the correct code is for:
1. reordering the BP profile tabs?
2. renaming the BP profile tabs?
3. renaming the BP sub-menu profile tabs?

Hope you can help, as it just seems an endless cycle of searching for this info with very little concrete answers available out there! if not, i understand – just if it’s at your fingertips, that would be great!

many thanks.

[5high-photohub]

Thanks for that – sorted!

[5high-photohub]

Hi Laura,

Good idea – I’ve just deactivated ALL plugins except for the s2member framework and it still has the same problem. So it looks like a direct conflict with the theme. I’ve posted to the s2m support site but not heard anything back from them yet – strange, as they’re usually really good at answering support questions.

I’ll keep you updated as soon as I hear anything, but if you have any insights into it I’d really appreciate it as we’re due to go live in less than 2 weeks now.

Many thanks 🙂

[5high-photohub]

OK, I’ve dug a little deeper and see that your admin/keymaster labels are selected using the bbpress author roles selectors, like this:
#bbpress-forums div.bbp-reply-author .bbp-author-role.role-keymaster, #bbpress-forums div.bbp-reply-author .bbp-author-role.role-moderator

And I can’t find anything similar in Buddy press, just a standard .main-color selector; coming from this:
#buddypress .activity-list .activity-content .activity-header .main-color a

My mistake, being a BP and bbp newbie I hadn’t fully appreciated the difference so had just assumed it would work the same in both.

Maybe it could be a request for a future theme update, as this will be a bit too tricky for me at present? – though with a bit of research I’ll have a go at doing it. If i manage it I’ll post it here for future reference for others like me!
Cheers.

[5high-photohub]

Thanks for that – all works now. I’ve read around a bit about adding in line breaks in .php files and it seems Ok to use htm tags – like below:

COPY CODE

	<?php if ( bp_is_active( 'activity' ) && bp_activity_do_mentions() ) : ?>
	        <br><h4 class="user-nicename"><?php echo bp_core_get_user_displayname( bp_displayed_user_id() ); ?></h4></br>
		<h4 class="user-nicename">@<?php bp_displayed_user_mentionname(); ?></h4>
	<?php endif; ?>

is that right? it works, though does seem to be rather a large gap between lines.
cheers.

[5high-photohub]

This reply has been set as private.

[5high-photohub]

OK, I’ve just tried it without the full folder structure and it didn’t work. But maybe it was my code? – as what I was actually trying to do was to have the user’s display name sitting above their @name + activity.

So it would look like this:
Avatar
Display name
@name + activity

And this is the code i used, at line 25:

COPY CODE

<?php if ( bp_is_active( 'activity' ) && bp_activity_do_mentions() ) : ?>
		/***
		 * added in a users display name under avatar and above the @name in profile.
		 */
	        <h4 class="user-nicename"><?php echo bp_core_get_user_displayname( bp_displayed_user_id() ); ?></h4>
		<h4 class="user-nicename">@<?php bp_displayed_user_mentionname(); ?></h4>
	<?php endif; ?>

Should that work?
many thanks,
Jenny

[5high-photohub]

Great! Will give it a go – can I just add in the member-header.php directly into my child theme folder (ie: /kleo-child/member-header.php), or do i have to add in the full folder structure like Steve mentioned above (ie: /kleo-child/buddypress/members/single/member-header.php)?
Thanks again, J

[5high-photohub]

Thanks Radu,
much better, and i can tweak it from there. Just before i do, just wanted to double check that I can’t style it from within the Kleo theme settings in wp-admin? I couldn’t see anything, so assume would all be via this css in child theme.
Cheers,
Jenny

[5high-photohub]

hey Sharmstr, you said ‘(sorry, hit submit before pasting all of the solution)’ – can you post the full solution? as this is just what I’m after!
cheers.

[5high-photohub]

Ahh, does that mean it doesn’t work in Buddypress??

I’d like it to show when an admin/other mod replied in an Activity stream in Buddypress – so it’s easy for members to see their input. is this possible? if not the label like you have for here (with bbp) then something like the name of the admin showing in another colour? Ideally one colour for admin, another for moderator. or perhaps a colour could be assigned to a specific user-name, rather than a role?

Many thanks,
jenny

[5high-photohub]

Hi Radu,

Worked a treat! Though i found margin-bottom:35px gave just a bit more space to the bottom text in Firefox.

Thanks very much for your help – and is this something that will be included in a future theme update? If so I’d then delete it in my child theme?

Cheers,

Jenny

[5high-photohub]

Hi Laura,

completely forgot that they could be the root cause!

I’ve checked them all and it’s definitely related to the s2member pro plugin. Could you suggest any work-around for this? as i originally looked at the paid membership pro plugin that your theme suggested, but found it wasn’t nearly as advanced or as well supported as the s2member framework – particularly in relationship to integration with PayPal, as the PMP plugin authors wrote that they wouldn’t support this as it was too hard!

I’ll contact the s2m support too, but they may not be familiar with your theme.

Thanks,

Jenny

[5high-photohub]

This reply has been set as private.

[5high-photohub]

This reply has been set as private.

[5high-photohub]

This reply has been set as private.

[5high-photohub]

Thanks again.

[5high-photohub]

Excellent link – thanks so much Andrei.

Really basic Q: I can add it to a page in page > edit > text/html tab, but should i add the css into my child theme instead? or is it a quicker load time via page specific custom css via the Visual composer’s settings?

Many thanks.

[5high-photohub]

OK, that’s really weird – I’ve just gone back to look at my FTP settings and to reupload another test favicon… and it’s all showing a https:// now! Without doing anythign!
I haven’t run a SSL site before, so maybe it takes a week or so for it to update?…. Anyway, it seems all good now.
Many thanks.

[5high-photohub]

I’ve already tried that by adding one via FTP, and no difference. The only time it shows as https:// is if I specifically ‘force’ a page to only show htttps – then it does. But that’s not really a solution for the site as a whole.

The favicon seems to fall outside of the w/p ‘rules’, as when I enabled https from the w/p admin all other previously uploaded content and images then showed as secure content – just not the favicon.

Any ideas?

[5high-photohub]

OK, got it now! I hadn’t added in the full url + the #anchor-id in the menu link, only the #anchor-id. Learning heaps!
Thanks.

[5high-photohub]

Hi there, I’m trying to do exactly the same as @bissotda, but can’t! Could you just explain the bit you said above “just have add ID’s to your sections from the page, and in the main, under the URL field fill it with an anchor, ex: “#section-id” “? Thanks.
I’ve tried a few things I’ve found from searching but it just doesn’t seem to be working!
Cheers.

[5high-photohub]

This reply has been set as private.

[5high-photohub]

yes, I’ll take it out of maintenance mode and email you temporary login info.
Currently configuring the functionality so using the default Kleo only.
Thanks.

[5high-photohub]

Hi @Laura,

Thanks for your reply, though I’m not sure what you mean by

Dont upload it, just type the link

.

I tried uploading a trial favicon, renamed the Kleo favicon to disable it, and then relaoding the page, but it still showed up as http://….

So would appreciate some other instructions to test it and hoepfully remedy this as it’s the main thing that makes all my site oages show as untrustworthy!

Cheers.

[Author]

Posts