Forum Replies Created
-
Author
-
Radu
ModeratorHi,
For fixing sidebar, I’ve suggested that topic read it and to inspire from it an
Replace widgets-container with your desired class or div that you want to float for default you can use the next snippet that will keep all sidebar widgets floatingCOPY CODE<script> jQuery( document ).ready(function() { (function(jQuery){ jQuery('.widgets-container').affix({ offset: { top: 100, bottom: 0, } }); }) ( jQuery ); }); </script>
If you are not ok with this use this instead
COPY CODE.sidebar .widgets-container { position: fixed; }
Both methods works choose what you want, for further custom development contact a developer.
Here are the CSS selectors for small border before the titles
COPY CODE.masonry-listing .format-video .post-title { border-left: 3px solid #07baf4; } .masonry-listing .format-standard .post-title { border-left: 3px solid #8a52ad; } .masonry-listing .format-image .post-title { border-left: 3px solid #fc604a; } .masonry-listing .format-gallery .post-title { border-left: 3px solid #43ae9e; } .masonry-listing .format-audio .post-title { border-left: 3px solid #367bb7; } .masonry-listing .format-link .inner-content { margin-top: 10px; border-left: 3px solid #00c5c4; } .masonry-listing .format-aside .post-title { border-left: 3px solid #ee2534; }
The Css will be added to wp-admin -> theme options -> general settings -> quick css
Cheers
R.Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionOctober 10, 2016 at 16:47 in reply to: Since my update ( Kleo and revolution slider ) My slider is not in full scrren #138853Radu
ModeratorHi,
Yes…you right this wasn’t controlled by the VC
Use this selector
COPY CODE.home #main-container .template-page { padding-top:0px;}
The Css will be added to wp-admin -> theme options -> general settings -> quick css
Cheers
R.Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRadu
ModeratorAdd also this CSS
COPY CODE.kleo-search-form #searchform .input-lg { opacity:1 !important;}
Cheers
RHi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRadu
ModeratorHi,
Try to use this code
COPY CODEadd_action( ‘init’, ‘remove_product_meta’ ); function remove_product_meta() { if ( has_term( 'audio', 'product_cat' ) ) { remove_action('woocommerce_single_product_modal_summary', 'woocommerce_template_single_add_to_cart', 30 ); } }
Instead of audio there should be category name.
Cheers
R.Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionOctober 7, 2016 at 18:32 in reply to: Change the color arruond profile photo and in search area #138619Radu
ModeratorHi,
In this case add this line
COPY CODEadd_filter( 'kleo_theme_options_ajax', '__return_false' );
To your wp-content/themes/kleo-child/functions.php
And then test if the settings will be saved
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 solutionOctober 6, 2016 at 19:41 in reply to: Change the color arruond profile photo and in search area #138472Radu
ModeratorCSS’s
COPY CODE.main-color #search-members-form, .main-color #search-groups-form, .main-color #bbpress-forums form#bbp-search-form { box-shadow:1px 1px 1px 1px red;} #buddypress #friend-list li div.item-avatar, #buddypress #member-list li div.item-avatar, #buddypress #members-list li div.item-avatar {border:5px solid red;} #buddypress .friends ul#members-list .item-avatar .kleo-online-status, #buddypress ul#member-list .item-avatar .kleo-online-status, #buddypress #members-dir-list ul#members-list .item-avatar .kleo-online-status {border-color:red; }
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 are the selectors for the masonry style
COPY CODEsection.container-wrap.main-color { background: #999;} .masonry-listing .post-item .post-content { background: green !important;} .masonry-listing .main-color blockquote, .main-color .masonry-listing .post-content {border-left-color:red; } .masonry-listing .post-title { font-size:3.2em; } .masonry-listing .post-title a {color:yellow !important;} .main-color .masonry-listing .post-footer { border-top-color:orange;} .post-content { border: 1px solid pink !important; }
If you want to apply styles only on blog page aff before each line .blog and space
example : .blog .main-color .masonry-listing .post-footer { border-top-color:orange;}
Read more transparent
COPY CODE.hr-title abbr { background: transparent !important; }
For the fixing elements or sidebar single solution, it’s this : https://archived.seventhqueen.com/forums/topic/activity-stream-shortcode#post-135494
Cheers
R.Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRadu
ModeratorUse this selector
COPY CODE#socket .kleo-search-form #searchform .input-lg { height: 40px !important; text-align: center; }
Css will be added to wp-admin -> theme options -> general settings -> quick css
Cheers
RHi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionOctober 6, 2016 at 13:47 in reply to: If I switch to Uber Menu, can I keep the slide-out menu? #138413Radu
ModeratorNot marked as solutionOctober 5, 2016 at 20:23 in reply to: If I switch to Uber Menu, can I keep the slide-out menu? #138362Radu
ModeratorNot marked as solutionRadu
ModeratorHi,
For the post pages you can hide the title with this css
COPY CODE.single h1.page-title { display: none !important; }
For portfolio provide link to can see 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,
Ok use this CSS, for the rest of customizations do it yourself because these kind of services are not included in support plan
COPY CODE#buddypress form#whats-new-form .customSelect.customSelect { border-radius: 3px !important; margin-right:10px; padding:4px 10px; }
Cheers
R.Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionOctober 4, 2016 at 18:38 in reply to: Mobile Nav appears over text. Header image not appearing #138146Radu
ModeratorNot marked as solutionOctober 4, 2016 at 18:36 in reply to: Mobile Nav appears over text. Header image not appearing #138145Radu
ModeratorNot marked as solutionRadu
ModeratorApply also this css
COPY CODEli.menu-item-has-children ul.pull-left { left: -100% !important; text-align: center; float:right !important; }
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRadu
ModeratorHi,
use those CSS
COPY CODE.sidebar .widget_kleo_recent_posts ul.news-widget-wrap .news-headline { font-size: 15px; } .sidebar .widget_kleo_recent_posts ul.news-widget-wrap .news-headline .news-time { display: none; }
The css will be added to wp-admin -> theme options -> general settings -> quick css
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 quote background color can be changed with this css selector
COPY CODE/*Style quote background general*/ article.format-quote .post-content { background: red !important; } /*Style quote background by category that belongs*/ article.format-quote.category-thoughts .post-content {background:green !important;}
The Css will be added to wp-admin -> theme options -> general settings -> quick css
Cheers
R.Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Ticket solutionRadu
ModeratorThis is the selector for product pages title
COPY CODEh1.product_title.entry-title { font-size: 2em !important; line-height: 1em !important; }
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRadu
ModeratorHi,
Use this CSS
COPY CODEli.kleo-user_avatar-nav ul.pull-left { left: -100% !important; text-align: center; float:right !important; }
The Css will be added to wp-admin -> theme options -> general settings -> quick css
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,
add this code to wp-content/themes/kleo-child/functions.php
COPY CODEfunction member_link_name_shortcode_func( ) { if(is_user_logged_in()) { if (function_exists('bp_is_active')) { $logged_in_username = bp_get_loggedin_user_fullname(); $logged_in_link = bp_loggedin_user_domain( '/' ); $output = '<a href=".$logged_in_link.">'. $logged_in_username.' </a>'; return $output; } elseif (class_exists('bbPress')) { $logged_in_username = bbp_get_user_nicename(bbp_get_current_user_id()); $logged_in_link = bbp_get_user_profile_url( bbp_get_current_user_id() ); $output = '<a href=".$logged_in_link.">'. $logged_in_username.' </a>'; return $output; } } } add_shortcode('member_name','member_link_name_shortcode_func');
Then add this shortcode in the page that you want to show the username + link
[member_name]
Cheers
R.Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRadu
ModeratorTry with this css
COPY CODE.main-title .page-title { font-size: 43px; }
If it not works provide to me a screenshot that pointing out the text
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,
use this php code, add it to wp-content/themes/kleo-child/functions.php
COPY CODEfunction ads_before_content() { echo ' <div style="width:728px;height:90px;background-color:red;display:block;margin:0 auto;"> 728 AD </div> '; } add_action ('kleo_before_content', 'ads_before_content');
Replace
COPY CODE<div style="width:728px;height:90px;background-color:red;display:block;margin:0 auto;"> 728 AD </div>
With your desired code
Cheers
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Ticket solutionRadu
ModeratorHi,
Add this css
COPY CODE.single article .article-meta .edit-link { display: none; }
The Css will be added to wp-admin -> theme options -> general settings -> quick css
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Ticket solutionRadu
ModeratorHi,
This is the CSS selector
COPY CODE.category .small-listing .post-content .post-image img { width:100%;height:100%;min-width:200px;min-height:200px; }
Adjust the min width and min height values with your desired
Cheers
R.Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Ticket solutionRadu
ModeratorHi,
Try with this css
COPY CODE.news-highlight .standard-listing:not(.template-page) .type-post { padding: 10px; margin: 10px !important; border-bottom-width: 0px !important; }
The Css will be added to wp-admin -> theme options -> general settings -> quick css
Cheers
R.Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Ticket solutionRadu
ModeratorHi,
Sorry, now i see, for the moment please apply this css fix.. because i’ve tried to debugg this issue and it takes so much
COPY CODE.groups ul#menu-primary-menu-2 { display: none; }
Add this css to wp-admin -> theme options -> general settings -> quick css
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,
How do you have added the custom icons ? anyway these cannot be loaded thru a VC element only if you will use html code element in that you will paste the icon code, from example :
COPY CODE<i class="icon-ICON_NAME"></i>
If you cannot see all elements in Visual Composer please check if those are activated from wp-admin -> Visual Composer -> Role manager -> Elements
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,
If you add at the start of the file something like
COPY CODE<h1>T E S T</h1>
You are able to see the H1 T E S T in page ? if not it means that the file it’s not rewriten, and you should make sure if you have child theme installed and activated or the folder names are correct
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,
If you add at the start of the file something like
COPY CODE<h1>T E S T</h1>
You are able to see the H1 T E S T in page ? if not it means that the file it’s not rewriten, and you should make sure if you have child theme installed and activated or the folder names are correct
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,
If you add at the start of the file something like
COPY CODE<h1>T E S T</h1>
You are able to see the H1 T E S T in page ? if not it means that the file it’s not rewriten, and you should make sure if you have child theme installed and activated or the folder names are correct
Cheers
R.Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRadu
ModeratorCOPY CODE.kleo-masonry.masonry-listing .post-content { background: red; }
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Ticket solutionRadu
ModeratorYes with this css
COPY CODE#buddypress #friend-list .update, #buddypress #member-list .update, #buddypress #members-list .update { display:none;}
Cheers
R.Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Ticket solutionRadu
ModeratorTestimonials
COPY CODE.kleo-testimonials { background: red; }
And kleo posts where it is ? provide screenshot that ponting out where
Cheers
R.Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Ticket solutionRadu
ModeratorHi,
Add this css to wp-admin -> theme options -> general settings -> quick css
COPY CODE.news-focus { background: #eeeeee; } .news-highlight { background: #eeeeee; }
Cheers
R.Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Ticket solutionSeptember 27, 2016 at 17:39 in reply to: border-left color of posts listed according to category in masonry grid of blog and archive page #137321Radu
ModeratorHi,
We have the category name into a class attached to the body element to can style any element in any page.
In your case you will have
COPY CODE.category-news .masonry-listing .category-news .post-title { border-left: 6px solid #c90c33; }
cheers
R.Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRadu
ModeratorAdd and use this css
COPY CODEh1.page-title {font-weight: bold;}
Cheers
R.Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Ticket solution -
AuthorPosts