Forum Replies Created
-
Author
-
RaduModerator
Hello,
I see that you have a line of CSS in Quick CSS area
COPY CODE.bp-widget.base {width:40%;}
And the register page it have additional fields added : https://www.placeyourtattoo.com/register/
If the fields that you have created has disappeared overnight, make sure that is not a hosting related issue a restore of whole site to a certain date or something like that.
Cheers
Radu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRaduModeratorHi
Please add this css to Wp-Admin -> Theme Options -> General Settings -> Quick CSS
COPY CODE.kleo-main-header .nav > li.active > a { box-shadow: inset 0px 2px 0px 0px red !important; }
Let me know if is ok.
Best Regards
Radu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRaduModeratorHi,
Yes i have masked your credentials,
I think the issue comes from the cache plugin, but anyway i’ve added this to your theme options -> general settings -> quick css
COPY CODE#buddypress #whats-new-form .rtmedia-container {display:block !important;height: auto !important;}
Let me know if is ok and i can i close the topic.
Best Regards
Radu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRaduModeratorHi,
Please take a look it should be ok,
If you change these field names : Ville and Date de naissance
The informations will disappear from members mansory.
Let me know if is ok and if can close the topic.
I’ve used this in members-loop.php from kleo-child/buddypress/members/members-loop.php
COPY CODE<?php $bp_location = bp_get_profile_field_data( 'field=Ville&user_id=' . bp_get_member_user_id() );?> <?php $bp_age = bp_get_profile_field_data( 'field=Date de naissance&user_id=' . bp_get_member_user_id() );?> <?php $yearagearr = (explode(' ', $bp_age)); $yearage = date("Y") - $yearagearr['2']; //echo $yearage; ?> <div class="extrafieldsmeta"> <div style="clear: both;"> </div> <?php echo ' <p>' . __('Age:') .' ' .$yearage. '</p>'; ?> <?php echo ' <p>' . __('Ville:') .' ' .$bp_location. '</p>'; ?> </div> <div style="clear: both;"> </div>
Best Regards
Radu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRaduModeratorHi,
Strange behaviour, we will investigate this.
Until we find what causes this issue please use this CSS
COPY CODE.kleo_framework.breadcrumb a:hover { color: red !important; }
Add this css to wp-admin -> theme settings -> general settings -> quick CSS
Replace red with your color code.
Best Regards
Radu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionNovember 5, 2015 at 19:31 in reply to: using existing plugin for image carousle in new template #85778RaduModeratorHi again,
You’re welcome @sashaD
Please update the code from functions.php with this
COPY CODEfunction GetCurrentAttachmentIDs() { if( $GetAttchmentIDS = implode(',', array_keys(get_attached_media( 'image', get_the_ID() ))) ) { return do_shortcode('[vc_images_carousel images="'.$GetAttchmentIDS.'" img_size="400x200" autoplay="yes" min_items="3" max_items="10"]'); } } add_shortcode('attachmentID','GetCurrentAttachmentIDs');
The carousel will be rendered only if the post will have attachments associated.
Best regards
Radu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRaduModeratorHi,
I’ve added this CSS snippet to your Theme Options -> General Settings -> Quick CSS
COPY CODE.kleo-main-header:not(.header-scrolled) .navbar-collapse>ul>li>a {color:#000 !important;}
Now, the menu items color are black until you scroll, then the text links color will change to white.
Let me know if is ok.
Best Regards
Radu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionNovember 5, 2015 at 17:46 in reply to: using existing plugin for image carousle in new template #85734RaduModeratorHi sashaD,
Please add this snippet to your kleo-child/style.css
COPY CODEfunction GetCurrentAttachmentIDs() { $GetAttchmentIDS = implode(',', array_keys(get_attached_media( 'image', get_the_ID() ))); return do_shortcode('[vc_images_carousel images="'.$GetAttchmentIDS.'" img_size="400x200" autoplay="yes" min_items="3" max_items="10"]'); } add_shortcode('attachmentID','GetCurrentAttachmentIDs');
Then when you add a post add this [attachmentID] shortcode to content to run the carousel with the associated images to that post.
If you want to carousel to be generated automatically for each CPT posts add in your created template :
COPY CODE<?php echo do_shortcode( '[attachmentID]' ); ?>
Best Regards
Radu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRaduModeratorHi,
Please use this layout structure for visual composer, it works and look ok on IE 11 just i’ve tested just use the code from below.
Just add your images as you wish
COPY CODE[vc_row][vc_column width="1/3"][vc_single_image][/vc_column][vc_column width="1/3"][vc_single_image][/vc_column][vc_column width="1/3"][vc_single_image][/vc_column][/vc_row][vc_row text_align="center"][vc_column][vc_column_text]I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column width="1/3"][vc_single_image][/vc_column][vc_column width="1/3"][vc_single_image][/vc_column][vc_column width="1/3"][vc_single_image][/vc_column][/vc_row]
Regards
Radu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRaduModeratorOh sorry,
I’ve forgot a { and }
The correct CSS is :
COPY CODE@media screen and (max-width: 480px){ .kleo-quick-contact-wrapper { display: block !important; } }
Regards
Radu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRaduModeratorHi,
For large avatars in activity use this CSS
COPY CODE#buddypress .activity-list .activity-avatar { width: 100px !important; height: 100px !important; } #buddypress .activity-list .activity-avatar a img { width: 90px !important; height: 90px !important; } #buddypress .activity-list .activity-avatar { margin-left:0 !important; } #buddypress .activity-list .activity-content { margin: 0 0 0 115px !important; }
And for the quick contact use this CSS
COPY CODE@media screen and (max-width: 480px) .kleo-quick-contact-wrapper { display: block !important; }
Regards
RAdu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionNovember 4, 2015 at 16:55 in reply to: using existing plugin for image carousle in new template #85613RaduModeratorHi,
This is the shortcode for kleo images carouse
COPY CODE[vc_images_carousel images="7880,7882,7030" img_size="400x200" autoplay="yes" min_items="3" max_items="10"]
7880,7882 and 7030 represents attachment id, insert this code and replace these ID’s with your desired images.
Cheers
Radu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRaduModeratorHi,
Please add this file to wp-content/themes/kleo-child/buddypress/members/ after you download and unzip ( see attachment )
Then add this css to your kleo-child/style.css
COPY CODE.extrafieldsmeta b { display: table-caption; }
Let me know if is ok.
Best Regards
Radu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionAttachments:
You must be logged in to view attached files.RaduModeratorHi,
Sore you can do it like this
COPY CODEdiv#item-header-avatar { left: -150px !important; } div#item-header-content { left: -150px !important; }
Replace left with your desired position and values as you wish.
REgards
Radu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRaduModeratorHi,
Add this css snipet to wp-admin -> theme options -> general settings -> quick CSS or in kleo-child/style.css
COPY CODE.alternate-color .activity-list .activity-avatar, .alternate-color .comment-wrap .comment-avatar { box-shadow: 0 0 0 3px #f7f7f7 !important; }
Regards
Radu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRaduModeratorHi,
It works now,
I’ve added to your theme options -> general settings -> quick CSS this snippet
COPY CODE.nopointerevents { pointer-events: all !important; }
Then i’ve added to your button class nopointerevents
Cheers
Radu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionAttachments:
You must be logged in to view attached files.RaduModeratorHi,
Just add this snippet to your kleo-child/style.css
COPY CODEfunction KleoRemoveLastActivityFromDirectory() { return false; } add_filter('bp_get_member_latest_update', 'KleoRemoveLastActivityFromDirectory');
Cheers
Radu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRaduModeratorHi,
For members profile add this css to wp-admin -> theme options -> general settings -> quick css
COPY CODEbody.is-user-profile .bp-full-width-profile div#item-header {padding:0 !important;}
Let me know if is ok
Best Regards
Radu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRaduModeratorHi @syslay288,
Please replace that code with this
COPY CODEbody.my-account section #profile { display: none !important; }
Let me know if it works.
Best Regards
Radu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRaduModeratorHi,
Just i’ve added this small CSS to your wp-admin -> theme options -> general settings -> quick CSS
COPY CODE.article-content iframe { height: calc(72vh - 2px) !important; width: 100% !important; }
I’ve tested and it seems to be ok.
Please check and let me know if is ok.
Best Regards
Radu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRaduModeratorHi,
For the homepage i’ve used this code
COPY CODE.panel-footer a.btn.btn-default.disabled { color:#fff !important; border-color:#fff;}
for buddypress i’ve used
COPY CODE/* For submenu links ( Mes favoris Mes amies ) */ .main-color #buddypress div.item-list-tabs#subnav ul li a { color: white; } /* For text area text color */ #buddypress form#whats-new-form textarea { color:#fff !important; }
The css codes are loaded to your website.
Best Regards
Radu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRaduModeratorHi,
IT’s ok now, can you check please ?
I’ve used the below css code.
COPY CODE/* Remove all animations effect only from buddypress pages */ #buddypress .kleo-transform .one-by-one-animated .start-animation .el-appear, #buddypress .kleo-transform .kleo-thumbs-animated.th-appear img.start-animation, #buddypress .kleo-transform .start-animation.el-appear { -webkit-animation: none !important; -o-animation: none !important; animation: none !important; opacity: 1 !important; -moz-transform: none !important; -webkit-transform: none !important; -o-transform: none !important; transform: none !important; } #buddypress .kleo-transform .animated.animate-when-visible, .kleo-transform .animated.animate-when-almost-visible, .cul { -webkit-animation: none !important; -o-animation: none !important; animation: none !important; opacity: 1 !important; -moz-transform: none !important; -webkit-transform: none !important; -o-transform: none !important; transform: none !important; }
Best Regards
Radu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRaduModeratorHi,
Please add this code to your kleo-child/functions.php
COPY CODEfunction remove_menu_links() { remove_submenu_page( 'themes.php', 'kleo_import' ); } add_action( 'admin_init', 'remove_menu_links', 9999 );
Note : Kleo child theme needs to be active.
Let me know if it works
Best regards
Radu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRaduModeratorHi,
Use this css code in wp-admin -> theme options -> general settings -> quick CSS
COPY CODEbody.page-id-7247 .kleo-transform .one-by-one-animated .start-animation .el-appear, body.page-id-7247 .kleo-transform .kleo-thumbs-animated.th-appear img.start-animation, body.page-id-7247 .kleo-transform .start-animation.el-appear { -webkit-animation: none !important; -o-animation: none !important; animation: none !important; opacity: 1 !important; -moz-transform: none !important; -webkit-transform: none !important; -o-transform: none !important; transform: none !important; }
Let me know
Best Regards
Radu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRaduModeratorHi,
Sorry it was my mistake, the comments from file it altering the css code, this is a corrected one
COPY CODE/* Activity Stream */ #buddypress { height: calc(80vh - 100px) !important; overflow-y: scroll !important; } body.activity .kleo-transform .one-by-one-animated .start-animation .el-appear, body.activity .kleo-transform .kleo-thumbs-animated.th-appear img.start-animation, .kleo-transform .start-animation.el-appear { -webkit-animation: none; -o-animation: none; animation: none; opacity: 1; -moz-transform: none; -webkit-transform: none; -o-transform: none; transform: none; opacity:1 !important; } body.activity .kleo-transform .animated.animate-when-visible, .kleo-transform .animated.animate-when-almost-visible, .cul { opacity: 1; } /*For Members Directory */ div#members-dir-list { height: calc(80vh - 100px); overflow-y: scroll; overflow-x: hidden;} body.directory.members .kleo-transform .one-by-one-animated .start-animation .el-appear, body.directory.members .kleo-transform .kleo-thumbs-animated.th-appear img.start-animation, .kleo-transform .start-animation.el-appear { -webkit-animation: none; -o-animation: none; animation: none; opacity: 1; -moz-transform: none; -webkit-transform: none; -o-transform: none; transform: none; opacity:1 !important; } body.directory.members .kleo-transform .animated.animate-when-visible, .kleo-transform .animated.animate-when-almost-visible, .cul { opacity: 1; } /* Group Activity */ div#groups-dir-list { height: 500px; overflow-y: scroll; overflow-x: hidden; } body.directory.groups .kleo-transform .one-by-one-animated .start-animation .el-appear, body.directory.members .kleo-transform .kleo-thumbs-animated.th-appear img.start-animation, .kleo-transform .start-animation.el-appear { -webkit-animation: none; -o-animation: none; animation: none; opacity: 1; -moz-transform: none; -webkit-transform: none; -o-transform: none; transform: none; opacity:1 !important; } body.directory.groups .kleo-transform .animated.animate-when-visible, .kleo-transform .animated.animate-when-almost-visible, .cul { opacity: 1; }
It should work
Let me know.
Best Regards
Radu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRaduModeratorHi,
Install the SEO by YOAST plugin then the plugin will create automatically The Open Graph protocol by adding on your websie
tag datas like this :https://wordpress.org/plugins/wordpress-seo/
COPY CODE<meta property="og:title" content="The Rock" /> <meta property="og:type" content="video.movie" /> <meta property="og:url" content="http://www.imdb.com/title/tt0117500/" /> <meta property="og:image" content="http://ia.media-imdb.com/images/rock.jpg" />
Let me know if it works.
Best Regards
Radu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRaduModeratorHi,
Use this css code
COPY CODE///// Activity Stream body.activity #buddypress { height: calc(80vh - 100px); overflow-y: scroll; } body.activity .kleo-transform .one-by-one-animated .start-animation .el-appear, body.activity .kleo-transform .kleo-thumbs-animated.th-appear img.start-animation, .kleo-transform .start-animation.el-appear { -webkit-animation: none; -o-animation: none; animation: none; opacity: 1; -moz-transform: none; -webkit-transform: none; -o-transform: none; transform: none; opacity:1 !important; } body.activity .kleo-transform .animated.animate-when-visible, .kleo-transform .animated.animate-when-almost-visible, .cul { opacity: 1; } /////For Members Directory div#members-dir-list { height: calc(80vh - 100px); overflow-y: scroll; overflow-x: hidden;} body.directory.members .kleo-transform .one-by-one-animated .start-animation .el-appear, body.directory.members .kleo-transform .kleo-thumbs-animated.th-appear img.start-animation, .kleo-transform .start-animation.el-appear { -webkit-animation: none; -o-animation: none; animation: none; opacity: 1; -moz-transform: none; -webkit-transform: none; -o-transform: none; transform: none; opacity:1 !important; } body.directory.members .kleo-transform .animated.animate-when-visible, .kleo-transform .animated.animate-when-almost-visible, .cul { opacity: 1; } ////// Group Activity div#groups-dir-list { height: calc(80vh - 100px); overflow-y: scroll; overflow-x: hidden; } body.directory.groups .kleo-transform .one-by-one-animated .start-animation .el-appear, body.directory.members .kleo-transform .kleo-thumbs-animated.th-appear img.start-animation, .kleo-transform .start-animation.el-appear { -webkit-animation: none; -o-animation: none; animation: none; opacity: 1; -moz-transform: none; -webkit-transform: none; -o-transform: none; transform: none; opacity:1 !important; } body.directory.groups .kleo-transform .animated.animate-when-visible, .kleo-transform .animated.animate-when-almost-visible, .cul { opacity: 1; }
Best Regards
Radu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRaduModeratorHi,
//Padding 20px top and bottomCOPY CODE.bws_google_captcha {padding: 20px 0 !important;}
//Padding 20px only bottom
COPY CODE.bws_google_captcha {padding-bottom: 20px !important;}
Cheers
Radu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRaduModeratorHi,
COPY CODEShortcode Examples [membership] Will show up for all members [/membership] [membership level="1"] Will only show up for level 1 users [/membership] [membership level="1,2,3"] Only show for level 1, 2, or 3 users [/membership] [membership level="0,-1"] Show for anyone not in level 1, including non-members and visitors. [/membership] [membership level="0"] Will show up for non-members and non-logged in site visitors. [/membership]
Source: http://www.paidmembershipspro.com/documentation/content-controls/with-shortcodes/
If you want to see the page, you need to have an account, you can create one is free.Regards
Radu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRaduModeratorHi,
Try with important declaration
COPY CODE.member-inner-list.animated.animate-when-almost-visible.bottom-to-top.start-animation { -webkit-animation: none !important -o-animation: none !important animation: none !important opacity: 1; -moz-transform: none !important -webkit-transform: none !important -o-transform: none !important transform: none !important }
Let me know if it works.
Regards
Radu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRaduModeratorHi,
Look at this tutorial
For the search form for get connected page you need to use this code
COPY CODE[bps_display form=6773 template="members/bps-form-inline"]
Replace 6773 with your form ID. The ID will be found in wp-admin -> users -> profile search in the right side ( see attached screenshot )
Regards
Radu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRaduModeratorHi,
The problem is present because you have used transparent menu for entire site, you can set only for homepage from example from Theme General Settings under each page content, but if you want to use transparent menu for whole site add this css to your wp-admin -> theme options -> general settings -> quick css
COPY CODE.hentry header.entry-header { text-align: center; padding-top: 50px; }
Let me know if is ok
Best Regards
RAdu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRaduModeratorHi,
Login to FTP of your website in the root directory of your wordpress installation ( where the wp-config.php is ) in that location please create a file named php.ini and put this content inside
COPY CODEmemory_limit = 512M upload_max_filesize = 128M post_max_size = 32M
Let me know if this will solve your issue.
Regards
Radu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRaduModeratorHi wd7080,
Try this css snippet
COPY CODE.member-inner-list.animated.animate-when-almost-visible.bottom-to-top.start-animation { -webkit-animation: none; -o-animation: none; animation: none; opacity: 1; -moz-transform: none; -webkit-transform: none; -o-transform: none; transform: none; }
Regards
Radu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRaduModeratorHi,
Go to that page in backend ( wp-admin ) and assign again the slider then update the page.
Regarding to this code which is displayed instead to be executed
COPY CODE[vc_images_carousel images=”1213″ onclick=”custom_link” custom_links_target=”_self” speed=”5000″ hide_pagination_control=”yes” scroll_fx=”crossfade” css_animation=”fade” min_items=”1″ max_items=”1″ img_size=”full” custom_links=”#”]
Make sure you have to latest version of plugins Visual Composer and K-elements and active !
Cheers
Radu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRaduModeratorHi,
Try this css code.
COPY CODE.sidebar.sidebar-main.col-sm-3.sidebar-right { overflow-y: scroll; height: 400px; }
Regards
Radu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRaduModeratorHi,
Add this code to your wp-admin -> theme options -> general settings -> quick css
COPY CODE.offcanvas-sidebar.side-color.is-open { width: 300px;}
Replace 300 with your desired value.
Best Regards
Radu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionOctober 22, 2015 at 19:36 in reply to: Cart in Kleo 3.0.10 with woocommerce 2.4.7 Page Blocked #83774RaduModeratorHi,
The content is there but are hidden ( not showing – but in source page the content is present. )
Maybe this issue can be caused by some plugin, i suggest you to disable all plugins that not comes once with kleo one by one to see if one of plugins causing this.
You can try to add this css to your wp-admin -> theme options -> general settings -> quick css
COPY CODEbody.woocommerce-page.kleo-transform .one-by-one-animated .start-animation .el-appear, body.woocommerce-page.kleo-transform .kleo-thumbs-animated.th-appear img.start-animation, .kleo-transform .start-animation.el-appear { -webkit-animation: none; -o-animation: none; animation: none; opacity: 1; -moz-transform: none; -webkit-transform: none; -o-transform: none; transform: none; }
This code will disable animations for woocommerce pages
Let me know if is ok.
Best Regards
Radu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRaduModeratorHi,
Please add this css in wp-admin -> theme options- > general settings -> quick CSS
COPY CODE.posts-listing .post-item { width:100%; }
Best Regards
Radu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution -
AuthorPosts