Kieran_SQ

[Kieran_SQ]

Hi @flavianodelgado,

WooCommerce gets the amount of products to show from WP Admin > Settings > Reading > Scroll to: Blog pages to show at most. You can then set the value you wish to use.

If you wish to use a different value for posts and products you can use the below snippet in your BuddyApp Child theme’s functions.php file

COPY CODE

// Display 22 products per page. Goes in functions.php
add_filter( 'loop_shop_per_page', create_function( '$cols', 'return 22;' ), 20 );

Adjust the number 22 to the number you wish to use.

Thanks,

Kieran.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

[Kieran_SQ]

Hi @cassbrighter,

Thanks for reaching out today, I have looked at your site and found the below CSS in your KLEO Child theme’s style.css

COPY CODE

@font-face {
  font-family: 'ProximaNova-Extrabld';
  src: url('../kleo-child/font/ProximaNova-Extrabld.eot');
  src: url('../kleo-child/font/ProximaNova-Extrabld.woff2') format('woff2'),
       url('../kleo-child/font/ProximaNova-Extrabld.woff') format('woff'),
       url('../kleo-child/font/ProximaNova-Extrabld.ttf') format('truetype'),
       url('../kleo-child/font/ProximaNova-Extrabld.svg#ProximaNova-Extrabld') format('svg'),
       url('../kleo-child/font/ProximaNova-Extrabld.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Khula-ExtraBold';
  src: url('../kleo-child/font/Khula-ExtraBold.eot');
  src: url('../kleo-child/font/Khula-ExtraBold.woff2') format('woff2'),
       url('../kleo-child/font/Khula-ExtraBold.woff') format('woff'),
       url('../kleo-child/font/Khula-ExtraBold.ttf') format('truetype'),
       url('../kleo-child/font/Khula-ExtraBold.svg#Khula-ExtraBold') format('svg'),
       url('../kleo-child/font/Khula-ExtraBold.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'averta-semibold';
    src: url('../kleo-child/font/averta_semibold_thefontsmaster.com-webfont.woff2') format('woff2'),
         url('../kleo-child/font/averta_semibold_thefontsmaster.com-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'Khula-Regular';
  src: url('../kleo-child/font/Khula-Regular.eot');
  src: url('../kleo-child/font/Khula-Regular.woff2') format('woff2'),
       url('../kleo-child/font/Khula-Regular.woff') format('woff'),
       url('../kleo-child/font/Khula-Regular.ttf') format('truetype'),
       url('../kleo-child/font/Khula-Regular.svg#Khula-Regular') format('svg'),
       url('../kleo-child/font/Khula-Regular.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Khula-Bold';
  src: url('../kleo-child/font/Khula-Bold.eot');
  src: url('../kleo-child/font/Khula-Bold.woff2') format('woff2'),
       url('../kleo-child/font/Khula-Bold.woff') format('woff'),
       url('../kleo-child/font/Khula-Bold.ttf') format('truetype'),
       url('../kleo-child/font/Khula-Bold.svg#Khula-Bold') format('svg'),
       url('../kleo-child/font/Khula-Bold.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

Can you take a screenshot for me of the folder /kleo-child/font/ so I can see that all the fonts are there?

Also, please disable and purge browser/local cache’s as well as any services like CloudFlare just to rule out caching issues.

Thanks,

Kieran.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

[Kieran_SQ]

Hi,

Thanks for contacting us today, I’ve looked into your question and you’ll either need to do a lot of child theme customizations or use some sitewide code. The latter options is probably the best, please have a look at this article posted by WPbeginner on August 30th 2017 http://www.wpbeginner.com/wp-tutorials/display-the-last-updated-date-of-your-posts-in-wordpress/.

They add the below code to the Child theme’s functions.php

COPY CODE

function wpb_last_updated_date( $content ) {
$u_time = get_the_time('U'); 
$u_modified_time = get_the_modified_time('U'); 
if ($u_modified_time >= $u_time + 86400) { 
$updated_date = get_the_modified_time('F jS, Y');
$updated_time = get_the_modified_time('h:i a'); 
$custom_content .= '<p class="last-updated">Last updated on '. $updated_date . ' at '. $updated_time .'</p>';  
} 
 
    $custom_content .= $content;
    return $custom_content;
}
add_filter( 'the_content', 'wpb_last_updated_date' );

You can use the below CSS class to style your element to suit your needs

COPY CODE

.last-updated {
} 

Hope this helps,

Kieran.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

[Kieran_SQ]

Not marked as solution

[Kieran_SQ]

Not marked as solution

[Kieran_SQ]

Not marked as solution

[Kieran_SQ]

Hi Ronna,

To hide the post meta for the News Highlight element please add the below CSS to Theme Options > General Settings > Scroll to: Quick CSS or to your KLEO Child theme’s style.css

COPY CODE

.news-highlight .posts-listing.standard-listing.with-meta.inline-meta .article-meta {
    display: none !important;
}

To decrease the title font size of the News Highlight element only please add the below CSS using the same method stated above. Adjust the px value as desired.

COPY CODE

.news-highlight h3.post-title.entry-title {
    font-size: 20px;
}

You may wish to set the size of your H1 – H6 and body font sizes throughout the site to something that suits your needs. To do this please go to Theme Options > Fonts and set your desired font, weight and size for each of the elements.

Thanks,

Kieran.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

[Kieran_SQ]

Not marked as solution

[Kieran_SQ]

Not marked as solution

[Kieran_SQ]

Not marked as solution

[Kieran_SQ]

Hi,

I have updated the CSS via Appearance > Editor > Style.css I can see this working on my end – does it work for you? Please clear your browser cache (Ctrl+F5).

Adjust px value in the above file as needed.

COPY CODE

.errandtask img.attachment-kleo-full-width {
    width: 150px !important;
    height: 100px !important;
}

Thanks,

Kieran.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

[Kieran_SQ]

Not marked as solution

[Kieran_SQ]

Not marked as solution

[Kieran_SQ]

Not marked as solution

[Kieran_SQ]

Hi @dlance8888,

Thanks for contacting us today, please try the below CSS in your KLEO Child theme’s style.css or in Theme Options > General Settings > Scroll to: Quick CSS. Please clear your website and local cache to see any changes.

COPY CODE

.kleo-pop-title-wrap p {
    display: none !important;
}

Thanks,

Kieran.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

[Kieran_SQ]

Not marked as solution

[Kieran_SQ]

Hi,

Please add the below CSS to your child theme’s style.css and let me know if this works for you. You can adjust the width and height PX value to suit your needs.

COPY CODE

.errandtask .img.attachment-kleo-full-width {
    width: 150px;
    max-height: 100px;
}

Thanks,

Kieran.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

[Kieran_SQ]

Not marked as solution

[Kieran_SQ]

Hi,

I have looked at your site and it doesn’t appear that it is generating the category class. Please add the following to your KLEO Child theme’s functions.php and let me know once you have added it.

COPY CODE

// Add category class to body
function sq_category_id( $classes ) {
	global $post;
	foreach ( get_the_category( $post->ID ) as $category ) {
		$classes[] = $category->category_nicename;
	}
	return $classes;
}
add_filter( 'body_class', 'sq_category_id' );

Thanks,

Kieran.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

[Kieran_SQ]

Not marked as solution

[Kieran_SQ]

Not marked as solution

[Kieran_SQ]

Hi, since it is added to the Socket area, this is the correct CSS:

COPY CODE

#socket .kleo-social-icons li {
    list-style: none;
    display: inline-block;
    margin-right: 10px;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

[Kieran_SQ]

Hi, sorry about that, please try the amended CSS below.

COPY CODE

.single-product .yith-wcwl-add-button.show {
    background-color: #FFb1D2;
    border: solid 1px #fcb0d0;
}

COPY CODE

.single-product a.add_to_wishlist.single_add_to_wishlist.button.alt {
    color: white;
    opacity: 1;
    border: 0;
}

Thanks,

Kieran.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

[Kieran_SQ]

Hi,

The below CSS should work on product pages, sorry for missing those out 🙂

Product page wishlist button

COPY CODE

.yith-wcwl-add-button.show {
    background-color: #FFb1D2;
    border: solid 1px #fcb0d0;
}

Product page wishlist text

COPY CODE

a.add_to_wishlist.single_add_to_wishlist.button.alt {
    color: white;
    opacity: 1;
    border: 0;
}

Thanks,

Kieran

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

[Kieran_SQ]

The margin?

You could try the below which does a calculation of 2 x the 15px you used

COPY CODE

media screen and (max-width: 480px) {
#kleo-login-modal {margin-left: 15px;margin-right: 15px;width: calc(100% - 30px);height: auto;font-size: 16px !important;}
}

Sorry for the back and forth but I am working blind as I do not get the issue on my end

Kieran

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

[Kieran_SQ]

Hi @dios1demonio0,

I have looked at your site and found you’re getting quite a few error 500’s

COPY CODE

(index):139 GET http://www.latamcinemashow.com/wp-content/uploads/2016/09/Logo-PNG2-01.jpg 500 (Internal Server Error)
(index):204 GET http://www.latamcinemashow.com/wp-content/uploads/2016/01/first_section_white_triangle.png?id=7829 500 (Internal Server Error)
(index):204 GET http://www.latamcinemashow.com/wp-content/uploads/2016/01/pink_triangle.png?id=7832 500 (Internal Server Error)
(index):138 GET http://www.latamcinemashow.com/wp-content/uploads/2015/11/schedule4-01.jpg?id=8693 500 (Internal Server Error)
q @ (index):138
p.checkImageForCriticality @ (index):138
(anonymous) @ (index):138
onload @ (index):256
(index):138 GET http://www.latamcinemashow.com/wp-content/uploads/2016/01/dark-blue-triangle.png?id=7831 500 (Internal Server Error)
q @ (index):138
p.checkImageForCriticality @ (index):138
(anonymous) @ (index):138
onload @ (index):256
(index):138 GET http://www.latamcinemashow.com/wp-content/uploads/2016/01/map.png?id=7837 500 (Internal Server Error)
q @ (index):138
p.checkImageForCriticality @ (index):138
(anonymous) @ (index):138
onload @ (index):256
(index):138 GET http://www.latamcinemashow.com/wp-content/uploads/2015/11/fondo-trade-show6-01.jpg?id=8609 500 (Internal Server Error)
q @ (index):138
p.checkImageForCriticality @ (index):138
(anonymous) @ (index):138
onload @ (index):256
(index):138 GET http://www.latamcinemashow.com/wp-content/uploads/2015/11/tradeShow22.jpg?id=8234 500 (Internal Server Error)
q @ (index):138
p.checkImageForCriticality @ (index):138
(anonymous) @ (index):138
onload @ (index):256
(index):138 GET http://www.latamcinemashow.com/wp-content/uploads/2015/11/village3.jpg?id=7876 500 (Internal Server Error)
q @ (index):138
p.checkImageForCriticality @ (index):138
(anonymous) @ (index):138
onload @ (index):256
(index):138 GET http://www.latamcinemashow.com/wp-content/uploads/2015/11/tradeShow6.jpg?id=7877 500 (Internal Server Error)
q @ (index):138
p.checkImageForCriticality @ (index):138
(anonymous) @ (index):138
onload @ (index):256
Logo-PNG2-01.jpg:1 GET http://www.latamcinemashow.com/wp-content/uploads/2016/09/Logo-PNG2-01.jpg 500 (Internal Server Error)
Image (async)
loadLogoImg @ app.min.js?ver=4.0.8:1
notReadyInit @ app.min.js?ver=4.0.8:1
(anonymous) @ app.min.js?ver=4.0.8:1
(anonymous) @ app.min.js?ver=4.0.8:1
Favicom2-01.jpg:1 GET http://www.latamcinemashow.com/wp-content/uploads/2016/09/Favicom2-01.jpg 500 (Internal Server Error)

When you changed the location did you update the following with new information?

– WP-Admin > Settings > General Settings > “WordPress Address (URL)”
– WP-Admin > Settings > General Settings > “Site Address (URL)”

Thanks,

Kieran.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

[Kieran_SQ]

Hi,

This is not an issue with BuddyApp and it relates directly to the BP Profile Search plugin.

The snippet you provided is from the plugin developer herself https://wordpress.org/support/topic/fatal-error-2487/. You should add it to BuddyApp Child theme’s functions.php

COPY CODE

add_filter ('bps_form_caps', 'form_caps');
function form_caps ($caps)
{
	return array ();
}

Thanks,

Kieran.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

[Kieran_SQ]

Hey @pabk,

Thanks for reaching out today, you can use the below CSS in your KLEO Child theme’s style.css or in Quick CSS under Theme Options > General Settings > Scroll to: Quick CSS. Please adjust the color values to suit your needs.

Changing the contact form button background color
a.kleo-quick-contact-link {background-color: #de1414;}

Changing the contact form button icon color
.kleo-quick-contact-link i {color: #000000;}

Use the contact form on mobile devices

COPY CODE

@media screen and (max-width: 480px) {
.kleo-quick-contact-wrapper {display: -webkit-inline-box;}
}

I hope this helps 🙂

Thanks,

Kieran.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

[Kieran_SQ]

Hi,

So I think I’m on the same page now, if I’m not I apologise!

The below code will show a register button only if the user is logged out in the member header area

COPY CODE

// Register button in BuddyPress Member Header
add_action('bp_member_header_actions', 'sq_register_field_members_profile');
function sq_register_field_members_profile() {
if ( !is_user_logged_in() ) {
   echo '<div id="user-register" class="generic-button"><a href="/register/" class="send-message">Register</a></div>';
}
}

This should be added to your KLEO Child theme’s functions.php, adjust the login URL if needed.

Thanks,

Kieran.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

[Kieran_SQ]

Hi @alexander,

You can always wrap your code in an !is_user_logged_in() statement which will then only run if the user is logged out.

An example being

COPY CODE

if ( !is_user_logged_in() ) {
    // Your code here
}

You can see more about this function in the WordPress Codex https://developer.wordpress.org/reference/functions/is_user_logged_in/.

Thanks,

Kieran.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

[Kieran_SQ]

Hi Ahmed,

Do you mean to add your own or change the existing ones?

If you mean to add your own please try this in your KLEO Child theme functions.php file

COPY CODE

add_action( 'kleo_get_social_profiles', 'kleo_my_extra_social_icons' );
function kleo_my_extra_social_icons( $icons ) {
    $icons .= '<li><a href="http://soundcloud.com" rel="nofollow"><i class="icon icon-soundcloud"></i> <div class="ts-text">Soundcloud</div></a></li>';
    $icons .= '<li><a href="http://mixcloud.com" rel="nofollow"><i class="icon icon-mixcloud"></i> <div class="ts-text">Mixcloud</div></a></li>';

    return $icons;
}

Please adjust as needed.

Thanks,

Kieran.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

[Kieran_SQ]

Not marked as solution

[Kieran_SQ]

Hi,

Sorry for the delay in getting back to you. Sorry to hear it isn’t working for you, please remove the snippet I sent you from functions.php and bp-custom.php and try the following in your child theme’s functions.php

COPY CODE

//Custom avatar for no avatar user
function myavatar_add_default_avatar( $url ){
return 'http://www.mydomain.com/wp-content/uploads/2014/07/avatarDefault.png';
}
add_filter( 'bp_core_mysteryman_src', 'myavatar_add_default_avatar' );

Please replace the path to the image with your own. If that doesn’t work please follow this post on WPMUdev https://premium.wpmudev.org/blog/how-to-add-a-custom-default-avatar-for-buddypress-members-and-groups/

Thanks,

Kieran

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

[Kieran_SQ]

Not marked as solution

[Kieran_SQ]

Not marked as solution

[Kieran_SQ]

Hi @allana,

That’s very strange indeed as that image comes from WordPress and you’re getting a 404 error for it. Are you by chance using any plugin or custom code to do with Gravatars or Speed up site by removing X piece of code?

If you’d like to be able to set your own please use the below code in your functions.php file

COPY CODE

define ( 'BP_AVATAR_DEFAULT', $img_url );
define ( 'BP_AVATAR_DEFAULT_THUMB', $img_url );

An example with a URL is

COPY CODE

define ( 'BP_AVATAR_DEFAULT', 'http://example.com/default-avatar.jpg' );
define ( 'BP_AVATAR_DEFAULT_THUMB', 'http://example.com/default-avatar-thumb.jpg' );

You can read more on this here: https://codex.buddypress.org/themes/guides/customizing-buddypress-avatars/

Thanks,

Kieran.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

[Kieran_SQ]

Not marked as solution

[Kieran_SQ]

Not marked as solution

[Kieran_SQ]

Hi @openmakerslab,

To resolve this please try the below CSS. You can add this to your child theme’s style.css or to Theme Options > General > Quick CSS.

COPY CODE

@media screen and (max-width: 480px) {
.logo img {width: auto;height: 70px;}
}

OR

COPY CODE

@media screen and (max-width: 767px) {
.logo img {width: auto;height: 70px;}
}

Thanks,

Kieran.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

[Kieran_SQ]

Hi @dynamus,

There would be several ways to do this, the simplest would be to use is_user_logged_in() with wp_is_mobile(). This will check first if the user is logged in and secondly if they’re on a mobile device. See here https://developer.wordpress.org/reference/functions/is_user_logged_in/ and here https://codex.wordpress.org/Function_Reference/wp_is_mobile for examples about these two functions.

Depending on what you wanted to do you could either force a redirect or simply show content specific to those two conditions using theme hooks, see here for information about theme hooks https://archived.seventhqueen.com/documentation/buddyapp#hooks.

An example of using the theme hooks would be something like

COPY CODE

// Check if user is logged in and on mobile if they are add content before content
add_action('kleo_before_content','check_mobile_logged_in');
function check_mobile_logged_in() {
    if ( is_user_logged_in() && wp_is_mobile() ) {
        echo do_shortcode('[SHORTCODE HERE]');
    }
}

Or

COPY CODE

// Check if user is logged in and on mobile if they are add content before content
add_action('kleo_before_content','check_mobile_logged_in');
function check_mobile_logged_in() {
    if ( is_user_logged_in() && wp_is_mobile() ) {
        echo 'My text or HTML here';
    }
}

Hope this helps,

Kieran.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Ticket solution

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

[Author]

Posts