Forum Replies Created
-
Author
-
Radu
ModeratorFor some reason you have a max-width:800 for this div : .mejs-container i don't know why. But add this css to wp-admin -> theme options -> general settings -> quick css.mejs-container { max-width: initial !important; }
Cheers R.Radu
ModeratorYou can use this function to redirect all users that not have any membership to this page, so the users will be "locked" in this page until they buy accessadd_action( 'template_redirect', 'my_membersip_restrict' ); function my_membersip_restrict() { global $pmpro_pages, $post; if ( is_user_logged_in() && !pmpro_hasMembershipLevel() ) { if (isset($post->ID) && !in_array($post->ID, $pmpro_pages)) { wp_redirect( pmpro_url() ); } } }
The function should be added to wp-content/themes/kleo-child/functions.php Regarding the invalid key activation this is an odd issue, try to deactivate all plugins and enable it back... and enable first buddypress and try again and check again, an alternative to this is to disable email activation Possible solutions here : https://wordpress.org/support/topic/invalid-activation-key-error-in-buddypress-registration https://wordpress.org/support/topic/invalid-activation-key-message Cheers R.Radu
ModeratorYou can use this function to redirect all users that not have any membership to this page, so the users will be "locked" in this page until they buy accessadd_action( 'template_redirect', 'my_membersip_restrict' ); function my_membersip_restrict() { global $pmpro_pages, $post; if ( is_user_logged_in() && !pmpro_hasMembershipLevel() ) { if (isset($post->ID) && !in_array($post->ID, $pmpro_pages)) { wp_redirect( pmpro_url() ); } } }
The function should be added to wp-content/themes/kleo-child/functions.php Cheers R.Radu
ModeratorHi, Try this function insteadif ( ! function_exists( 'kleo_excerpt' ) ) { function kleo_excerpt( $limit = 80, $words = true ) { $excerpt_initial = get_the_excerpt(); if( $excerpt_initial == '' ){ $excerpt_initial = get_the_content(); } $excerpt_initial = preg_replace( '<code>\[[^\]]*\]</code>', '', $excerpt_initial ); $excerpt_initial = strip_tags( $excerpt_initial ); if ( $words ) { $excerpt = explode( ' ', $excerpt_initial, $limit ); if ( count( $excerpt ) >= $limit ) { array_pop( $excerpt ); $excerpt = implode( " ", $excerpt ) . '...'; } else { $excerpt = implode( " ", $excerpt ) . ''; } } else { $excerpt = $excerpt_initial; $excerpt = substr( $excerpt, 0, $limit ) . ( strlen( $excerpt ) > $limit ? '...' : '' ); } return '' . $excerpt . ' '; } }
Radu
ModeratorHi,
Please replace the css with this
COPY CODE@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) { .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width:48%;} .woocommerce ul.products li.product figure figcaption {display:none !important; } }
Cheers
R.Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRadu
ModeratorHi, There is no option in theme panel that can do that you will have to modify a php file. 1. Make sure that you have installed and activated child theme 2. Copy this file to wp-content/themes/kleo/page-parts/general-header-section.php to wp-content/themes/kleo-child/page-parts/general-header-section.php Then open the file from wp-content/themes/kleo-child/page-parts/general-header-section.php look around line 133 you should see this :replace that with this
Radu
ModeratorI see, and i’ve figure out what’s going on
If you delete this css from wp-content/themes/kleo-child/style.css ( last css rule ) the css will be applied, then you will be able to add a background for each element you need
COPY CODE.kleo_text_column { background-image: url("http://jezzhappiness.nl/wp-content/uploads/2015/12/Websiteachtergrond.jpg"); background-repeat: repeat-x; background-size: cover; background-attachment: fixed; background-position: center top; }
Cheers
R.Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRadu
ModeratorHi,
1. You will have apply this css
COPY CODE@media(max-width:700px) { .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width:48%;} .woocommerce ul.products li.product figure figcaption {display:none !important; } }
We cannot have same behavior on mobile as on the desktop because the informations (sold by etc..) are visible on mouse hover on the mobile devices we don’t have a mouse, in this case i’ve hidden these only on mobile with the provided css second line
It’s ok ?
Cheers
R.Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRadu
ModeratorHi,
Try this css instead
COPY CODEli.header-login-button a { background: rgba(255, 255, 255, 0.1) !important } li.header-register-button a { background: rgba(255, 255, 255, 0.1) !important; border: 1px solid #ddd !important } li.header-register-button a:hover { border: 1px solid #ddd !important } li.header-login-button a:hover, li.header-register-button a:hover { background: rgba(255, 255, 255, 1) !important } li.header-profile-button a { background: rgba(255, 255, 255, 0.1) !important } li.header-logout-button a { background: rgba(255, 255, 255, 0.1) !important; border: 1px solid #ddd !important } li.header-profile-button a:hover { border: 1px solid #ddd !important } li.header-profile-button a:hover, li.header-logout-button a:hover { background: rgba(255, 255, 255, 1) !important }
Cheers
R.Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution -
AuthorPosts