Forum Replies Created
-
Author
-
Radu
ModeratorUse this css
COPY CODE#socket .col-sm-12 small { min-height: 30px !important; display: block !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,
I’ve seen that you already made some modifications, you will have also to remove the +
Add beside that css this one
COPY CODE.kleo-carousel .hover-element i {display:none}
Cheers
RHi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRadu
ModeratorHi
For the top menu links color use this css
COPY CODE.header-color .top-menu li > a, .header-color #top-social li a {color:#000 !important}
Related to the buy button this will work and highlight only on the scroll, this is how it was built.
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,
Just use this CSS instead, tested and it works ok.
COPY CODE@media(max-width:991px) { div#main { margin-top: 88px; } }
Let me know
Cheers
R.Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionSeptember 26, 2017 at 16:41 in reply to: How do I change the main menu row height and my header is not showing #174833Radu
ModeratorHi,
I see, ok the
You can limit the article media img height using the next CSS snippet
COPY CODEarticle .article-media img { max-height: 100px; }
Cheers
R.Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionSeptember 26, 2017 at 16:40 in reply to: How do I change the main menu row height and my header is not showing #174832Radu
ModeratorHi,
I see, ok the
You can limit the article media img height using the next CSS snippet
COPY CODEarticle .article-media img { max-height: 100px; }
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,
The content property works only for pseudo elements :before and :after so that’s in chrome works and in firefox not.
https://www.w3schools.com/cssref/pr_gen_content.asp
Use the php way, it’s more efficient way
COPY CODEfunction custom_logo_on_certain_pages( $url ) { $pagessamelogo = array(15,16,17,18,19,393); if(is_page($pagessamelogo)) { $url = 'https://thechefsconnection.com/wp-content/uploads/2017/06/site-logo-new.png'; return $url; } } add_filter('kleo_logo', 'custom_logo_on_certain_pages');
Replace 15,16,17,18,19,393 with your pages ID’s that you have a certain logo
And also the logo link with your desired one: https://thechefsconnection.com/wp-content/uploads/2017/06/site-logo-new.png
Cheers
R.Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRadu
ModeratorJust add this shortcode to that page
COPY CODE[kleo_search_form context="groups"]
Cheers
RHi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRadu
ModeratorHi,
The snippet that you are using looks good. I’m using the next code in kleo child theme and iti works as it should.
COPY CODEfunction sq7_rdu_redirect( $redirect_to, $request, $user ) { $redirect_to = bp_core_get_user_domain($user->ID) . 'profile/'; return $redirect_to; } add_filter('login_redirect', 'sq7_rdu_redirect', 11, 3);
And also this
COPY CODEfunction sq7_rdu_redirect( $redirect_to, $request, $user ) { $redirect_to = '/my-route-after-redirect/'; return $redirect_to; } add_filter('login_redirect', 'sq7_rdu_redirect', 11, 3);
try to change the 11 value to a higher or lower one… try also to remove all other your snippets and leave only this to test
Cheers
R.Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionSeptember 25, 2017 at 16:59 in reply to: Header background image per category, body class outputs #174735Radu
ModeratorUse this instead
COPY CODE// Add category slugs as classes in posts add_action('wp', 'kleo_post_categiries_body_class_init', 999); function kleo_post_categiries_body_class_init(){ if(is_singular()){ add_filter('body_class', 'kleo_post_categories_body_class'); function kleo_post_categories_body_class($classes){ $postcategories = get_the_category(); foreach($postcategories as $postcat) { $pcat = 'catslug-'.$postcat->slug; $classes[] = $pcat; } return $classes; } } }
will Generate catslug-categoryslug
replace category slug with the category slug…
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,
Just I’ve checked out, and those snippets i think they are too old cuz even using default wp theme, not the solution not works…
Why you don;t create a simple menu with 3 items that link to your certain language or a simple HTML that points directly to your language
Example
COPY CODE<ul class="my-lang-selector"> <li class="lang1"><a href="/en/">English</a></li> <li class="lang2"><a href="/es/">Spanish</a></li> <li class="lang3"><a href="/de/">German</a></li> </ul>
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,
With a similar function
COPY CODEadd_filter( 'lostpassword_url', 'wdm_lostpassword_url', 10, 0 ); function wdm_lostpassword_url() { return site_url('/redefinir?action=lostpassword'); }
The function needs to be pasted in wp-content/themes/kleo-child/functions.php
NOTE : Child theme needs to be installed and activated.
Cheers
R.Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionSeptember 22, 2017 at 15:45 in reply to: SweetDate isn't displaying edits or plugins on my website #174389Radu
ModeratorNot marked as solutionRadu
ModeratorHi,
Did you have tried to change the priotiry to the action ? if no try with higher or lowe ones
Also you can try to run the function when on worpdress init action or after_setup_theme or on wp_loaded , try all, see the below snippets
COPY CODEfunction add_points_for_referral( $transfer_id, $request ) { extract ($request); $transfer_amt = $request['amount']; mycred_add( 'Transfer Bonus', 3, 5, $transfer_amt); return; } function pre_add_points_for_referral () { add_action( 'mycred_transfer_completed', 'add_points_for_referral', 10, 2 ); } add_action('init', 'pre_add_points_for_referral'); //add_action('after_setup_theme', 'pre_add_points_for_referral'); //add_action('wp_loaded', 'pre_add_points_for_referral');
Hope it helps
Cheers
RHi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRadu
ModeratorJust add this code to functions.php
COPY CODEif ( ! function_exists( 'kleo_search_menu_item' ) ) { /** * Add search to menu * * @param string $items * @param oject $args * * @return string */ function kleo_search_menu_item( $items, $args ) { if ( $args->theme_location == 'primary' ) { ob_start(); get_template_part( 'page-parts/header-ajaxsearch' ); $form = ob_get_clean(); if(is_user_logged_in()) { $items .= '<li id="nav-menu-item-search" class="menu-item kleo-menu-item-search"><a class="search-trigger" href="#"><i class="icon icon-search"></i></a>' . $form . '</li>'; } } return $items; } }
NOTE : Child theme needs to be installed and activated.
The function needs to be pasted in wp-content/themes/sweetdate-child/functions.php
Cheers
R.Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionSeptember 19, 2017 at 16:33 in reply to: SweetDate isn't displaying edits or plugins on my website #174115Radu
ModeratorNot marked as solutionRadu
ModeratorHi,
Check it out now,
I’ve copied the generated html of that button that not accepts your additional parameters and i’ve added simply HTML in a text area. So delete the initial button.
COPY CODE<div class="vc_btn3-container vc_btn3-inline"> <a class="vc_general vc_btn3 vc_btn3-size-lg vc_btn3-shape-rounded vc_btn3-style-modern vc_btn3-icon-left vc_btn3-color-peacoc" href="mailto:kaufmanwebconsulting@verizon.net?SUBJECT=”RE: Treyburn Contractor Referral Update Request”" title=""><i class="vc_btn3-icon fa fa-share"></i> UPDATE YOUR LISTING</a></div>
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,
You can de-activate the link for the clients using this CSS..
COPY CODE.page-id-16832 .kleo-carousel-items.kleo-carousel-post ul li a { z-index:1; pointer-events: none; }
To can have the editor on clients you will have to replace this file content : /wp-content/themes/kleo/lib/clients.php
with this content: https://pastebin.com/raw/jFmpKxZm
Then add in wp-content/themes/kleo-child/functions.php
COPY CODEfunction add_editor_to_kleo_clients() { /**** CPT REGISTER ARGS ***/ $supports = array('title','thumbnail','editor'); return $supports; } add_filter('kleo_clients_cpt_supports', 'add_editor_to_kleo_clients');
NOTE : Child theme needs to be installed and activated.
Let me know
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,
I’ve figured out, there was a link over the img src, see the next screenshot you will figure out, I’ve done only for the first featured item, do for the rest, by removing the a href tag
COPY CODE<A href="http://image.com/img.jpg"><img src="http://image.com/img.jpg"></a>
becomes
COPY CODE<img src="http://image.com/img.jpg">
That’s it
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,
Please try to use this css instead for the new page that you have provided. I’m not sure if it was cache and or CloudFlare the problem, it could be.
COPY CODE.kleo-block.feature-item .feature-text { position: relative !important; } .kleo-block.feature-item span.feature-icon { position:absolute !important; left: 50% !important; top: 50% !important; z-index:111; background:transparent !important; margin: -50px 0 0 -25px !important; } .kleo-block.feature-item.list-el-animated.big-icons-size.center-icons.kleo-open-href.start-animation { position: relative; } @media(max-width:991px){ .kleo-block.feature-item .feature-text { position: relative !important; } .kleo-block.feature-item span.feature-icon { position:absolute !important; left: 50% !important; top: 45% !important; z-index:111; background:transparent !important; margin: -50px 0 0 -35px !important; } .kleo-block.feature-item.list-el-animated.big-icons-size.center-icons.kleo-open-href.start-animation { position: relative; } }
This is how will look
3. I cannot see the pop-up looking at the https://www.backupcircle.com/video_backup-3/
4. I’ve removed the css from visual composer concerning the styling of the icons over videos and I’ve replaced with mine… in the previous post.
It should be ok now.
Let me know
Cheers
R.Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionSeptember 15, 2017 at 17:32 in reply to: SweetDate isn't displaying edits or plugins on my website #173801Radu
ModeratorHi, For the "HTML bars" TinyMCE bar you can try this plugin : https://wordpress.org/plugins/tinymce-advanced/ will give you more options. To making font larger and other color use the next CSS#bbpress-forums ul li,#bbpress-forums ul li a {font-size:22px;color:red !important;}
Wp-admin -> theme options -> Styling Options -> Quick css Cheers R.Radu
ModeratorHi,
This option that you wanted will be available in future theme updates only if you add the next code to child theme functions!
COPY CODEif( !function_exists( 'kleo_menu_tasks' ) ) { function kleo_menu_tasks() { $count = CTDL_Lib::get_todos(get_current_user_id(), 5000, 0)->post_count; ob_start(); ?> <a href="<?php echo get_home_url() . '/my-tasks/'; ?>"> <i class="icon-tasks-line"></i> <?php if ($count > 0) : ?> <b class="bubble"><?php echo esc_html($count); ?></b> <?php endif; ?> <span><?php esc_html_e('Tasks', 'buddyapp'); ?></span> </a> <em class="menu-arrow"></em> <ul class="submenu"> <li> <?php if ($count == 0) { echo '<span>'; } echo do_shortcode('[todolist]'); if ($count = 0) { echo '</span>'; } ?> </li> <?php if ($count > 0) : $page_link = "#"; if ($page = get_page_by_title('My Tasks')) { $page_link = get_permalink($page->ID); } ?> <li class="footer-item"> <a class="btn btn-link" href="<?php echo esc_url($page_link); ?>"> <?php esc_html_e("View all", "buddyapp"); ?> </a> </li> <?php endif; ?> </ul> <?php get_permalink(); return ob_get_clean(); } }
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,
Just add those CSS lines
COPY CODE#ajax_search_container:before {right: 279px !important;} #ajax_search_container {left: -10px !important;}
The css will be added to wp-admin -> theme options -> General settings -> Quick CSS
That’s it
Cheers
RHi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRadu
ModeratorHi,
Just add those CSS all products will look the same on desktop
COPY CODE.woocommerce ul.products li.product, .woocommerce-page ul.products li.product { background:transparent; } @media(min-width:991px){ .woocommerce ul.products li.product h3, .woocommerce-page ul.products li.product h3 {min-height:110px;} .woocommerce ul li .kleo-woo-image.kleo-woo-front-image {min-height:160px} .kleo-woo-image.kleo-woo-back-image { display: none; } }
For the single product page layout, this surest it’s caused by some wocommerce modifications templates in the child theme? try to de-activate child theme see how it looks, if it’s ok to revert the change in child theme that makes to look like that.
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,
I’ve added this CSS instead.
COPY CODE.feature-text a img { display: list-item; } .kleo-block.feature-item.list-el-animated.big-icons-size.center-icons.kleo-open-href.start-animation { position: relative !important; } .icon-youtube-play:before {position:absolute;width: 100%;height: 100%;top: 30%;font-size:50px;}
Adjust it for your needs and add it to rest of the pages where you need.
https://www.backupcircle.com/video_backup/
related to this
-Laura: can you pls suggest which PHP functions if not CSS is in charge of the 1″ image preview? My priority is loading video gallery fast, which it does now. if I can get rid of that lightbox preview would be super cool. ?
Can you show me a screenshot or a video about the image preview and the lightbox preview, please ?
Cheers
RHi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRadu
ModeratorHi,
You can inspire from the next snippet.
COPY CODEfunction update_my_custom_x_profile_bbpress() { global $current_user; get_currentuserinfo(); // echo '<br>Replies: '.bbp_get_user_reply_count_raw(bbp_get_reply_author_id()); // echo '<br>Topics: '. bbp_get_user_topic_count_raw(bbp_get_reply_author_id()); $user_replies_count = bbp_get_user_reply_count_raw(bbp_get_reply_author_id()); $user_topic_count = bbp_get_user_topic_count_raw(bbp_get_reply_author_id()); //xprofile_set_field_data( $field, $user_id, $value, $is_required = false ); xprofile_set_field_data('user_replies_count', $current_user->id, $user_replies_count); xprofile_set_field_data('user_topic_count', $current_user->id, $user_topic_count); } add_action('bbp_new_reply', 'update_my_custom_x_profile_bbpress';)
NOTE: I haven’t tested the snippet.
Cheers
R.Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRadu
ModeratorRemove the
COPY CODE<b> </b>
tags
from that field, leave only custom-cols-order class.
Then add the css to wp-admin -> theme options -> General settings -> Quick CSS or in style.css frmo child theme ass you wish
COPY CODE@media(max-width:991px){ .custom-cols-order .vc_row {display: grid;} .float-left-flip {order: 2 !important;} .float-right-flip {order: 1 !important;} }
Then add this class float-left-flip to the first column and this float-right-flip to the second.
Then in mobile those will be in reverse order
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,
Just use this css
COPY CODE#post-8570 .panel-heading { background-color: red !important; } #post-8570 .panel-heading .panel-title a { color: #fff !important; } #post-8570 span.icon-opened.icon-minus, span.icon-closed.icon-plus { color: #fff !important; }
The css will be added to wp-admin -> theme options -> General settings -> Quick CSS
This will applied only on page id 8570 (the current page only)
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