Radu

[Radu]

Hi Mpiroh,

The sweetdate has have already semi transparent menu , live here : http://seventhqueen.com/demo/sweetdatewp/

If you want to have more transparency use this css

COPY CODE

.sticky.fixed {background: rgba(0, 0, 0, 0.4) !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 solution

What support service includes ? What not ?

[Radu]

Hi guys,

Try to do next thing:

Go to your page backend where the form appears then look for the sortcode to see that template are using.

Try the templates from below by replacing 7119 with your form id

COPY CODE

[bps_display form=7119 template="members/bps-form-inline"]
[bps_display form=7119 template="members/bps-form-legacy"]
[bps_display form=7119 template="members/bps-form-with-labels"]

Let me know if this will solve problems.

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

What support service includes ? What not ?

[Radu]

Add this CSS

COPY CODE

.container h1.page-title {
    display: none;
}

Let me know if it’s 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 solution

What support service includes ? What not ?

[Radu]

Hi Jallston,

I;ve putted that two buttons in a row, then i added to that row a class named “nopoinerevents”.

Please add this css to Theme Options -> General settings -> Quick CSS

COPY CODE

.nopoinerevents {pointer-events:all !important;}

Please try this

//Make page – Patched //

COPY CODE

[vc_row inner_container="no" text_color="#ffffff" type="video" bg_video_src_webm="http://onoise.com/wp-content/uploads/2015/05/Los-Angeles-Time-Lapse.mp4" padding_top="0" padding_bottom="0" border="none" bg_video_cover="5146"][vc_column][kleo_gap size="190px"][vc_column_text lead="yes"]
[/vc_column_text][kleo_gap size="5px"][vc_posts_grid loop="size:4|order_by:date|categories:20,90"][vc_row_inner el_class="nopoinerevents"][vc_column_inner][kleo_button title="Join For Free" href="/register" style="see-through" size="lg"][kleo_button title="Member Login" href="/login" style="see-through" size="lg"][/vc_column_inner][/vc_row_inner][kleo_gap size="140px"][kleo_gap size="110px"][kleo_grid type="3" animation="yes"][kleo_feature_item title="Professional Networking" icon="chat-1" icon_size="big" icon_position="center"]

Get connected to the recording industry's professional network. Easily register or login with your LinkedIn or Facebook accounts to get started.

[/kleo_feature_item][kleo_feature_item title="Virtual Collaboration" icon="laptop" icon_size="big" icon_position="center"]

Work with experienced recording engineers, musicians, and vocal-artists, from anywhere! Browse, connect, and select artists based on skills, and your budget.

[/kleo_feature_item][kleo_feature_item title="News, Groups & More!" icon="equalizer" icon_size="big" icon_position="center"]

Simply create a profile and choose from a variety of industry specific skill categories and sub-categories. oNoise Members are from over 70 countries.

[/kleo_feature_item][/kleo_grid][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 inner_container="no" padding_top="0" padding_bottom="0" border="none"][vc_column]
[/vc_column][/vc_row][vc_row text_align="center" padding_top="14" padding_bottom="4" border="none"][vc_column][kleo_divider type="long" icon="star" icon_size="large" text="Founded By Emmy Award Winning Sound Designer"][/vc_column][/vc_row][vc_row text_align="center" section_type="alternate" padding_top="0" padding_bottom="0" el_class="ov-hidden"][vc_column][kleo_visibility type="hidden-xs"][kleo_gap size="30px"][/kleo_visibility][kleo_gap size="30px"][vc_column_text animation="animate-when-visible" css_animation="bottom-to-top"]

THE VIRTUAL WORKPLACE FOR THE RECORDING INDUSTRY

[/vc_column_text][vc_column_text lead="yes"]

Find recording professionals and audio jobs on oNoise - the world's online workplace where entertainment businesses and media creators work together! oNoise provides a combination of extraordinary convenience and competitive pricing.

[/vc_column_text][kleo_gap size="0px"][vc_row_inner][vc_column_inner][vc_single_image image="7111" img_size="full" alignment="center" animation="animate-when-almost-visible" css_animation="bottom-to-top"][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row text_align="center" padding_top="10"][vc_column][/vc_column][vc_row_inner][/vc_row_inner][vc_column_inner width="1/4"]
[/vc_column_inner][vc_column_inner width="1/6"][/vc_column_inner][vc_column_text][/vc_column_text][vc_tabs type="pills" align="centered"][/vc_tabs][/vc_row][vc_row text_align="center" section_type="alternate" padding_top="27" padding_bottom="45"][vc_column][vc_column_text]

The easiest solution for talent seekers worldwide.

Recruiting recording professionals? Join for only $39/month.

[/vc_column_text][kleo_gap size="5px"][kleo_grid type="4" animation="yes"]

[/kleo_feature_item]

[/kleo_grid][vc_row_inner][vc_column_inner width="1/3"]
[/vc_column_inner][vc_column_inner width="1/3"][kleo_button title="Get Access" href="https://onoise.chargebee.com/hosted_pages/plans/onoise-access" style="highlight" size="lg" icon="volume-up"][/vc_column_inner][vc_column_inner width="1/3"]
[/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row text_align="center" padding_top="30" padding_bottom="20" border="none"][vc_column][kleo_testimonials type="carousel"][kleo_gap size="60px"][kleo_divider text="oNoise is trusted by hundreds of clients and companies"][kleo_gap size="30px"][kleo_clients][/vc_column][/vc_row][vc_row text_align="center" text_color="#00000" type="image" enable_parallax="false" padding_top="0" border="none"][vc_column][vc_column_text][/vc_column_text][vc_single_image image="4467" img_size="full" alignment="center" animation="animate-when-almost-visible" css_animation="bottom-to-top"][kleo_divider type="full|long|double|short" double="yes|no" position="center|left|right"][vc_row inner_container="no" padding_top="0" padding_bottom="0" border="none"][/vc_row][/vc_column][/vc_row][vc_row inner_container="no" text_align="center" padding_top="0" padding_bottom="0" border="none"][kleo_divider type="long" icon_size="large" text="Members Only Groups"][/vc_row][vc_row][vc_column][kleo_gap size="0px"][vc_column_text animation="animate-when-visible" css_animation="bottom-to-top"][/vc_column_text][kleo_bp_groups_carousel type="random" number="21" min_items="1" max_items="21" image_size="small" item_width="200"][kleo_gap size="40px"][vc_column][/vc_column][/vc_column][/vc_row]

It should work

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

What support service includes ? What not ?

[Radu]

Hi,

In CSS you should to something like that :

COPY CODE

h1.white {color:#fff !important;}
p.white { color:#fff !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 solution

What support service includes ? What not ?

[Radu]

Hi guys,

Make sure that the files are existing on the server by checking via FTP, if the files exists make sure that all that files have read permission.

You cannot save the theme options because lack of that js and other files from wp-includes.

Meanwhile you can save theme options by using this function

COPY CODE

add_filter( 'kleo_theme_options_ajax', '__return_false' );

This function will disable ajax theme update feature.

Regarding the “Fatal error: Allowed memory size of”

Try one of these solutions :

1. Try adding this line to your wp-config.php file:
define(‘WP_MEMORY_LIMIT’, ’64M’);

2. If you have access to your PHP.ini file, change the line in PHP.ini
If your line shows 32M try 64M:
memory_limit = 64M ; Maximum amount of memory a script may consume (64MB)

3. If you don’t have access to PHP.ini try adding this to an .htaccess file:
php_value memory_limit 64M

4. Talk to your host.

If this doesn’t work , call your hosting provider and ask them about increasing php memory size.

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

What support service includes ? What not ?

[Radu]

Hi,

I’ve made a little function that helps you to achieve this.

Just replace the shortcode ( [vc_posts_grid loop="size:10|order_by:date|post_type:post"] ) with your desired shortcode.

$shortcode = ‘[vc_posts_grid loop="size:10|order_by:date|post_type:post"]‘;

COPY CODE

function CustomKleoAddContentAfterPost( $content ) {

    if( is_single() ) {

        $shortcode = '[vc_posts_grid loop="size:10|order_by:date|post_type:post"]';
        $content .= '<h4>Kleo Posts Grid</h4>';
        $content .= do_shortcode($shortcode);
    }

    return $content;

}
add_filter('the_content', 'CustomKleoAddContentAfterPost');

You need to put this snippet to your kleo-child/functions.php

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

What support service includes ? What not ?

[Radu]

Add this CSS to your wp-admin -> Theme Options -> General Options -> Quick CSS

COPY CODE

div.product #description_tab iframe {
    max-height: 350px;
}

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

What support service includes ? What not ?

[Radu]

Hi,

Just use this CSS

This css it’s only applies to quotes post format in blog layout

COPY CODE

body.blog .container article.post_format-post-format-quote .inner-content {
    color: #FFF !important;
}

This will applies on categories.

COPY CODE

.container article.post_format-post-format-quote .inner-content {
    color: red !important;
}

You can use both snippets,

Replace red with your desired color.

Add this css to your Wp-admin -> Theme Options -> General Settings -> Quick CSS.

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

What support service includes ? What not ?

[Radu]

Hello,

Just add this CSS to Theme Options -> General Settings ->Quick CSS

COPY CODE

@media (max-width:600px) {
    h1 {font-size:3em !important;
        line-height:1em;
    }
}

Let me know if its 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 solution

What support service includes ? What not ?

[Radu]

Hi,

After you add a search form module from visual composer, add a class for example mycustomclass

If you want to add another name to that class don’t forgot to rename class from mycustomclass with your class in CSS.

COPY CODE

.kleo-search-form.mycusomclass input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    red !important;
}

.kleo-search-form.mycusomclass input::-moz-placeholder {
    /* FF 4-18 */
    color: red;
}
.kleo-search-form.mycusomclass input::-moz-placeholder {
    /* FF 19+ */
    color:: red;
}
.kleo-search-form.mycusomclass input:-ms-input-placeholder {
    /* IE 10+ */
    color: red;
}

Add this css to kleo-child/style.css or in Theme Options -> General Settings -> Quick CSS

Regards

RAdu

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

What support service includes ? What not ?

[Radu]

Hi,

I see that the problem it’s solved,

I case if you encounter the same problem again use this function

COPY CODE

function woocommerce_variations_fix(){
    echo "<style>\n";
    echo '
		#woocommerce-coupon-data ul.wc-tabs, #woocommerce-product-data ul.wc-tabs, .woocommerce ul.wc-tabs {
		width: auto !important;
		}
';
    echo "\n</style>";
}
add_action( 'admin_print_styles', 'woocommerce_variations_fix' ,90);

Add this function to kleo-child/functions.php

Can you confirm if the problem was solved?

Regards

Radu

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

What support service includes ? What not ?

[Radu]

Hi,

Try like this

COPY CODE

.wrap-canvas-menu .widget_nav_menu .offcanvas-menu li.menu-item-4888 .dropdown-menu {display:block !important;}

Replace 4888 with your parent menu item id, to view menu id just inspect element in chrome,an there you will see menu-item-number

Let me know if you solve your issue.

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

What support service includes ? What not ?

[Radu]

Hello,

I’ve made a little CSS hack that it allows you to do that

COPY CODE

.kleo-main-header.header-normal {
    border: 0;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    height:44px !important;
}

.navbar-header {line-height: 44px !important;height: 44px !important;}

#header .kleo-main-header .container {height:10px !important;}

img#logo_img {
    height:17px !important;
}

a.open-sidebar {
    line-height:45px !important;
}

Let me know if working and it’s 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 solution

What support service includes ? What not ?

[Radu]

Hi,

I’ve made a little hack,

Put the below code in your kleo-child theme functions.php, replace myemail@address.com with your email address

COPY CODE

function kleo_woo_get_mini_cart() {

    $cart_output = '<a href="mailto:myemail@address.com"><i class="icon-mail"></i></a>';

    return $cart_output;
}

Let me know if it’s 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 solution

What support service includes ? What not ?

[Radu]

Hi,

Just use this little CSS snippet,

COPY CODE

.wrap-canvas-menu .widget_nav_menu .offcanvas-menu .dropdown-menu {display:block !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 solution

What support service includes ? What not ?

[Radu]

Hi,

Next time when you try to update the theme make sure you have wp_debug true defined in wp-config.php, the file is located in root directory.

COPY CODE

define( 'WP_DEBUG', true );

Try again and see what error it shows.

Regards

Radu

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

What support service includes ? What not ?

[Radu]

Hi,

Add new page, go to classic mode then from visual go to text and paste this code :

COPY CODE

[vc_row inner_container="no" text_align="center" section_type="main" bg_position="top" bg_position_horizontal="left" bg_repeat="no-repeat" bg_cover="true" bg_attachment="false" parallax_speed="0.1" min_height="0" border="bottom" css_animation="right-to-left" padding_top="0" padding_bottom="0"][vc_column width="1/1"][rev_slider_vc alias="shop_home_default"][/vc_column][/vc_row][vc_row inner_container="yes" text_align="center" section_type="main" bg_position="top" bg_position_horizontal="center" bg_repeat="no-repeat" bg_cover="true" bg_attachment="false" parallax_speed="0.1" min_height="0" border="none" css_animation="right-to-left" padding_top="60" padding_bottom="40"][vc_column width="1/1"][kleo_grid type="3" style="box" bordered_icons="yes" animation="yes"][kleo_feature_item title="Great daily deals" icon="help" icon_size="default" icon_position="center"]
<h3>100% SATISFACTION GUARANTEED</h3>
<h3><span style="color: #fc5346;"><a href="#"><span style="color: #fc5346;">SHOP NOW!</span></a></span></h3>
[/kleo_feature_item][kleo_feature_item title="Delivered to your in 4 days" icon="gift" icon_size="default" icon_position="center"]
<h3>FREE SHIPPING ON ALL ORDERS</h3>
<h3>OVER <span style="color: #fc5346;">$75</span></h3>
[/kleo_feature_item][kleo_feature_item title="In case You need help" icon="info" icon_size="default" icon_position="center"]
<h3>CALL US!</h3>
Toll free <strong>8-800-123-1234</strong>[/kleo_feature_item][/kleo_grid][/vc_column][/vc_row][vc_row inner_container="yes" text_align="center" section_type="main" bg_position="top" bg_position_horizontal="left" bg_repeat="no-repeat" bg_cover="true" bg_attachment="false" parallax_speed="0.1" padding_bottom="20" min_height="0" border="none" css_animation="right-to-left" padding_top="20"][vc_column width="1/2"][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="#"][kleo_gap size="30px"][/vc_column][vc_column width="1/2"][vc_images_carousel images="1214" 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="#"][kleo_gap size="30px"][/vc_column][/vc_row][vc_row inner_container="yes" section_type="main" bg_position="top" bg_position_horizontal="left" bg_repeat="no-repeat" bg_cover="true" bg_attachment="false" parallax_speed="0.1" padding_top="20" padding_bottom="20" min_height="0" border="none" css_animation="right-to-left"][vc_column width="1/1"][kleo_divider type="full" position="center" text="Shop by category"][kleo_gap size="20px"][vc_column_text css_animation="right-to-left"][product_categories number="4" columns="4" ids="53,54,56,60"][/vc_column_text][vc_column_text css_animation="right-to-left"][featured_products per_page="6" columns="6" orderby="date" order="desc"][/vc_column_text][/vc_column][/vc_row][vc_row inner_container="yes" text_align="center" section_type="main" bg_position="top" bg_repeat="no-repeat" bg_cover="true" bg_attachment="false" parallax_speed="0.1" padding_bottom="20" min_height="0" border="none" css_animation="right-to-left" bg_position_horizontal="left"][vc_column width="1/1"][kleo_divider type="full" position="center" text="More than 45 product brands"][kleo_gap size="30px"][kleo_clients animated="yes" animation="fade" number="5"][/vc_column][/vc_row][vc_row inner_container="yes" section_type="alternate" bg_position="top" bg_position_horizontal="center" bg_repeat="no-repeat" bg_cover="true" bg_attachment="false" parallax_speed="0.1" padding_top="20" padding_bottom="20" min_height="0" border="none" css_animation="right-to-left"][vc_column width="1/1"][kleo_gap size="40px"][kleo_divider type="full" position="center" text="Our recommendation"][vc_row_inner][vc_column_inner width="1/4"][vc_widget_sidebar sidebar_id="sidebar-9"][/vc_column_inner][vc_column_inner width="1/4"][vc_widget_sidebar sidebar_id="sidebar-10"][/vc_column_inner][vc_column_inner width="1/4"][vc_widget_sidebar sidebar_id="sidebar-11"][/vc_column_inner][vc_column_inner width="1/4"][vc_widget_sidebar sidebar_id="sidebar-12"][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row]

Then in shop by category section you need to replace these id’s

“[product_categories number=”4″ columns=”4″ ids=”53,54,56,60″]” with your current categories ids.

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

What support service includes ? What not ?

[Radu]

Try with important declaration

COPY CODE

body.category-videos .post-content iframe {
    max-height: 150px !important;
}

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

What support service includes ? What not ?

[Radu]

Hi,

Have you tried this shortcode ?

COPY CODE

[kleo_search_form form_style="default" type="both" context="members,groups,post,page,forum,portfolio" placeholder="Search...."]

It;s an component that you find in visual composer.

I hope that it useful for you.

Regards

Radu

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

What support service includes ? What not ?

[Radu]

Hi,

//Started by color – replace red,yellow and green with your desired color

COPY CODE

.bbp-topic-started-by, .bbp-topic-started-by a.bbp-author-name {
    color: red;
}

#bbpress-forums li.bbp-body li.bbp-forum-freshness a, #bbpress-forums li.bbp-body li.bbp-topic-freshness a {
    color: yellow !important;
}


#bbpress-forums .status-closed, #bbpress-forums .status-closed a
{color: green !important;}

Add this css to your Wp Admin -> Theme Options -> General Settings -> Quick CSS or in kleo-child/style.css

Best regards

Let me know if it works.

Radu

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

What support service includes ? What not ?

[Radu]

Get rid of that padding

COPY CODE

.wpb_row, .wpb_content_element, ul.wpb_thumbnails-fluid > li, .last_toggle_el_margin, .wpb_button {
    margin-bottom: 0px;
}

Get rid of that space and add border to entire box.

COPY CODE

.wpb_gallery.wpb_content_element {
    margin-bottom: 0px;
    border-left: 1px solid #c3c3c3;
    border-right: 1px solid #c3c3c3;
    border-top: 1px solid #c3c3c3;
}

.kleo_text_column.wpb_content_element {
    border-left: 1px solid #c3c3c3;
    border-right: 1px solid #c3c3c3;
}

.kleo_text_column.wpb_content_element h3 {margin-top:0;padding:10px 0;}
.kleo_text_column.wpb_content_element table {border-bottom:1px solid #c3c3c3;}

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 solution

What support service includes ? What not ?

[Radu]

Hi,

Add this css to your theme options -> general settings -> quick css

COPY CODE

.kleo-main-header.header-normal.header-scrolled {
    border-bottom: 3px solid red;
}

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 solution

What support service includes ? What not ?

[Radu]

Hi,

Add this css snippet to your theme options -> general settings -> quick CSS

COPY CODE

body.category-videos .post-content iframe {
    max-height: 150px;
}

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 solution

What support service includes ? What not ?

[Radu]

Hi,

Try this snippet

COPY CODE

function bpfr_custom_length( $excerpt_length) {
	$excerpt_length = '0'; // change value to your need	
	return $excerpt_length;  
	
} 
add_filter( 'bp_activity_excerpt_length', 'bpfr_custom_length', 10, 1);

Add this code to your Kleo Child Theme ( wp-content/themes/kleo-child/functions.php )

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 solution

What support service includes ? What not ?

[Radu]

Hi Rawbox,

You can disable animations by using this CSS snippet, add next CSS snippet to Theme Options -> General Settings -> Quick CSS

Note : This snippet it applies only for portfolio posts, if you want for entire site tell me.

COPY CODE

body.single-portfolio.kleo-transform .one-by-one-animated .start-animation .el-appear, body.single-portfolio.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;
}

Regards

Radu

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

What support service includes ? What not ?

[Radu]

Hi Deniezalp,

Use this CSS snippet for pop-up fb login button no hover effect

COPY CODE

.kleo-facebook-connect.btn.btn-default { 
background-color: #3b5997 !important; 
}
.kleo-facebook-connect.btn.btn-default:hover {background-color: transparent;
    color: #fff;
    border-color: rgba(255,255,255,0.3);
    border-width: 2px;
}

For sidebar no hover effect.

instead of this

COPY CODE

.kleo-facebook-connect.btn.btn-default:hover {
background-color:rgba(43,71,128,0.7) !important;
}

use this

COPY CODE

.kleo-facebook-connect.btn.btn-default:hover {background-color:none;}

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

What support service includes ? What not ?

[Radu]

Hi

COPY CODE

.form-line a {background-color:red;}

Replace red with your desired color

COPY CODE

.form-line a {background-color:red;color:white;}

The second snippet allows to set button background color and text button color, replace colors with your desired colors.

Regards

Radu

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

What support service includes ? What not ?

[Radu]

Hi,

Try like this

Add this css in Quick CSS area from Wp-Admin -> Theme Options -> General Settings or in kleo-child/style.css

COPY CODE

.form-inline input {display:inline-block;}

Let me know if it works.

Cheers

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

What support service includes ? What not ?

[Radu]

Hi,

Try this snippets

COPY CODE

.caroufredsel_wrapper {
    border-left: 1px solid #333;
    border-bottom: 1px solid #333;
    border-right: 1px solid #333;
}

//OPTIONAL Make all small thumbs to have same height.
.caroufredsel_wrapper .kleo-thumbs-carousel a img { height:45px !important; }

COPY CODE

//Border 5px to https://tukang.com.my/aa2hm/

.kleo_text_column.wpb_content_element {
    border: 5px solid #777;
}

Let me know if it’s ok

Regards

Radu

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

What support service includes ? What not ?

[Radu]

Hi,

COPY CODE

.header-color.social-header { height: 45px; }
.header-color.social-header ul { line-height: 45px; }

Try like this, it this snippet doesn’t satisfy you, use next snippet instead.

COPY CODE

.top-menu ul li a { padding: 10px 10px; }

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 solution

What support service includes ? What not ?

[Radu]

Hi,

I see, the snippet provided to you before it fixes the facebook login button from pop-up 😀

COPY CODE

.kleo-facebook-connect.btn.btn-default { background-color: #3b5997 !important; }
.kleo-facebook-connect.btn.btn-default:hover {background-color:rgba(43,71,128,0.7) !important;}

This css snippet will fix the button from sidebar.

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 solution

What support service includes ? What not ?

[Radu]

Hi, try this

COPY CODE

body.home-page.kleo-transform .one-by-one-animated .start-animation .el-appear, body.home-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;
}

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 solution

What support service includes ? What not ?

[Radu]

Hi,

You can increase the top bar height by adding this snippet to : Wp-admin -> theme Options -> General Settings -> Quick CSS

COPY CODE

.header-color.social-header {
    height: 45px;
}

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

What support service includes ? What not ?

[Radu]

Hi,

Just add this CSS snipppet to you Kleo Theme Options ( Wp-admin -> Theme Options -> General Settings -> Quick CSS )

COPY CODE

@media screen and (max-width: 480px) {
	.kleo-quick-contact-wrapper {
		display: block !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 solution

What support service includes ? What not ?

[Radu]

Hi,

That it’s a default kleo functionality

I’ve made a little CSS hack that stops the animations

Add this CSS to your Wp-Admin -> Theme Options -> General Settings -> Quick CSS.

COPY CODE

.kleo-transform .one-by-one-animated .start-animation .el-appear, .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;
}

Tell me if you want to stop animations only from homepage.

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 solution

What support service includes ? What not ?

[Radu]

Hi Denizalp,

That plugin it uses bootstrap core classes for customize which is not ok.

I’ve made a little hack css that it allow to keep kleo original button aspect.

COPY CODE

.btn-default {background-color:transparent !important;background-image:none;}

Add the code from above to kleo-child/style.css or in theme options -> general settings -> quick CSS

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 solution

What support service includes ? What not ?

[Radu]

Hi,

I’ve tested again and the “Apply to become a vendor” text not appears on top, only bottom appears.

Add this css to hide the “Your account has not been yet approved….” text from top

COPY CODE

body.page-id-7168 p:first-child{ display:none; }
body.page-id-7168 br.clear { display: none; }
body.page-id-7496 p:first-child { display:none; }
body.page-id-7496 br.clear { display:none; }

Radu

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

What support service includes ? What not ?

[Radu]

Hi,

Google it shows what conditions must meet and how to fix the problems.

Should Fix:

• Enable compression
• Optimize images
• Minify JavaScript
• Eliminate render-blocking JavaScript and CSS in above-the-fold content

Consider Fixing:
• Leverage browser caching
• Minify CSS
• Minify HTML

https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fdigitalsmb.com%2F&tab=desktop

Doesn’t matter if you have a shared hosting, or a vds with 2,4 or 8 cores and 2,4,8,16,32 or 64GB of RAM if the setup is not correctly.

I’ve searched on google for your and i found this guide, http://www.wpseotricks.com/w3-total-cache-best-settings/ i recommend you to follow that steps.

Another important thing is to remove query strings from static resources than that resources can be cached, here it’s a plugin that do that https://wordpress.org/plugins/remove-query-strings-from-static-resources/ test it, or add this function to your kleo-child/functions.php via FTP the path is wp-content/themes/kleo-child/functions.php

COPY CODE

//Remove query strings from static resources

function _remove_script_version( $src ){
 
$getMyUrl = site_url();
 
 
$check = strpos($src, $getMyUrl);
 
if ($check !== false) {
    $parts = explode( '?', $src );  
    return $parts[0]; 
    }else{
 
        return $src;
    }
 
}
 
add_filter( 'script_loader_src', '_remove_script_version', 15, 1 ); 
add_filter( 'style_loader_src', '_remove_script_version', 15, 1 );

If you are not satisfied use something like cloudflare / CDN, or you can install directly google pagespeed apache module it optimize automatically majority part of issues. https://github.com/pagespeed/mod_pagespeed

I hope that these informations helped you.

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

What support service includes ? What not ?

[Radu]

Hi,

I think that top notification it’s generated by a plugin, i think the plugin is WC Vendor,

I’ve made a little hack that hide that notification in that page

COPY CODE

body.page-id-7168 p:first-child{ display:none; }
body.page-id-7168 br.clear { display: none; }

Add that CSS snippet to Wp-Admin -> Theme Options -> General Settings -> Quick CSS. or in kleo-child/style.css

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 solution

What support service includes ? What not ?

[Author]

Posts