SQadmin

[SQadmin]

Hi, for correctly use when you have a slider we recommend to disable “Breadcrumb, Title and Information” from your page – Title section tab http://cl.ly/image/0h1T1y1o2F3E

Also there is a little bug position for menu when you choose the 4th header style type which we’ll fix in next update. Until then you can add the following line in theme options – general settings – quick css box:

COPY CODE

.navbar-transparent .kleo-main-header.header-left {
 position:relative !important;
}

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

[SQadmin]

Hi, you can hide it by placing the following line in admin- theme options – quick css box:

COPY CODE

@media (max-width: 991px) {
	.kleo-woo-back-image {
		display: none;
	}
}

We will solve this in next version update.
Cheers

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

[SQadmin]

Hi, I just fixed this so you can check now: http://seventhqueen.com/themes/kleo/e-learning-home/
As a quick fix for you until next update you need to add the following line in admin…Theme options/General settings/quick-css:

COPY CODE

.feature-item.big-icons-size.center-icons {
    display: block;
}

Cheers

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

[SQadmin]

Hi there, you can add these lines in admin – Theme options/General settings/Quick css box:

COPY CODE

.navbar-transparent .header-color,
.navbar-transparent .header-color .kleo-main-header {
	background-image: none;
}

ps: we will add it also in our next update.

Regards,
Robert

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

[SQadmin]

Hi, right now isn’t such option but we will add it in our next version. Until then you can add the following line in admin – Sweetdate/Styling options/Quick css box:

COPY CODE

.tabs.info dd {
	display: inline-block;
	float: none;
}

Regards,
Robert

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

Attachments:

You must be logged in to view attached files.

[SQadmin]

Hi, you can add the following line in admin – Sweetdate/Styling options/Quick css box:

COPY CODE

.top-bar { background: #81D742; border-radius: 3px; }

ps: you can change the hex color (#81D742) with your desire color.

Best regards,
Robert

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

[SQadmin]

Hi, as you know if you change sidebar background apart from the rest of the layout you also need to change colors, backgrounds, lines, etc. on some elements to fit in the same color palette. I added these lines as an example of what you need, you can change hex colors as you need.

COPY CODE

.sidebar {
	background: #000;
}
.sidebar a {
    color: #777 !important;
}
.widget_search #searchform > div,
.sidebar select {
	border-color: #333 !important;
}

.sidebar .kleo-widget-recent-posts-li,
.sidebar .widget_categories li,
.sidebar .widget_recent_entries li,
.sidebar .widget_archive li,
.sidebar .widget_display_views li,
.sidebar .widget_recent_comments li,
.sidebar .widget_product_categories li,
.sidebar .widget_layered_nav li,
.sidebar .widget_nav_menu a,
.widget_tag_cloud a {
	border-color: #333 !important;
}
.sidebar .widget_nav_menu .current_page_item > a,
.widget_tag_cloud a {
	background-color: #272727 !important;
}

Regards,
Robert

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

[SQadmin]

Hi Pedro,
Well… you forgot about socket section which come after footer, you need to hide it from admin – Theme option/general settings if you don’t want to use it. Anyway your code will not work for boxed version, so, I’ll provide another great method to have a fixed footer. You can place these lines in admin – Theme option/general settings/Quick css box or in ../assets/css/app.css in a child theme.

COPY CODE

#main {
padding-bottom: 182px; /* Padding based on footer + socket height */
}
#footer,
#socket {
width: 100%;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
position: fixed;
}
#footer {
	bottom: 62px; /* Put 0px if you hide socket from admin */
	height: 120px; /* Your desire footer height */
}
#socket {
	bottom: 0;
}
.page-boxed #footer,
.page-boxed #socket {
	max-width: 1440px;
}

Regards,
Robert

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

[SQadmin]

Hi, I waited to ask me 😉
In admin – Theme options/General settings/Quick css box I added this line to make them compatible with the theme. I hope will be ok and not affect other section/elements on the site since I did not have enough time to fully tested. If so, please report us anything.

COPY CODE

.article-content .container-wrap { position: relative; }

Best regards,
Robert

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

[SQadmin]

Hi, you can edit in template file in ../wp-content/themes/sweetdate/custom_buddypress/kleo-bp-search.php around line 203, just above the button, or… if you want to force users to accept your Privacy Policy you can replace line 203:

COPY CODE

<div class="seven offset-by-five columns"><button class="button radius"><i class="icon-search"></i>  <?php _e("SEARCH", 'kleo_framework'); ?></button></div>

with this:

COPY CODE

<div class="seven offset-by-five columns">
<input type="checkbox"  onchange="document.getElementById('sendNewSms').disabled = !this.checked;"> <small>Using our services is agreement of our <a href="#">Term of Use and Privacy Policy</a></small><br><br>
<button id="sendNewSms" class="button radius" disabled="disabled"><i class="icon-search"></i>  <?php _e("SEARCH", 'kleo_framework'); ?></button>
</div>

You should have something like this http://d.pr/i/pL0o

Regards,
Robert

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

[SQadmin]

Hi, you can add in admin – Sweetdate/Styling options/Quick css box this line:

COPY CODE

#profile .regulartab a {color: red;}

Regards,
Robert

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

[SQadmin]

Hi, you can put this code in footer.php before the body closing tag.

COPY CODE

<style>
#loading {
background: #fff url("Logo_CitasClub(timeline-Shadow).gif") no-repeat center center;
height: 100%; width: 100%;
position: fixed; left: 0%; top: 0%; z-index: 99999;
margin: 0 0 0 0;
}

</style>

<div id="loading"></div>

<script>
jQuery(window).bind("load", function() {
    jQuery("#loading").fadeOut(1000);
		//alert("test");
});
</script>

Regards,
Robert

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

[SQadmin]

Hi, you can add the following lines in admin – Theme options/General settings/Quick css box:

COPY CODE

.alternate-color .masonry-listing .post-content {
   background-color: #fff;
}
.masonry-listing .format-quote,
.masonry-listing .format-quote .post-footer a,
.masonry-listing .format-quote .post-footer a .muted {
   color: #fff;
}
.masonry-listing .format-quote .post-content {
   background: #00B9F7;
}

Regards,
Robert

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

[SQadmin]

Hi, you can modify width of rows but this will be applied to whole site. If this is ok you can add this line in admin – Sweetdate/Styling options/Quick css box:

COPY CODE

.row { width: 980px; } /* Add your desired dimension */

Regards,
Robert

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

[SQadmin]

Hi, after many hours I think I’ve managed a way to have equal height column sidebar even there’s not enough stuff in it. This fix will not be available in v1.4.2(which is already packed for uploading) since I didn’t have enough time to test it.

Until then you can add the following lines in admin – Theme options/General settings/Quick css box:

COPY CODE

#main-container > .row {
	overflow: hidden;
}
#main-container .template-page.tpl-3ll,
#main-container .sidebar.sidebar-3ll,
#main-container .template-page.tpl-3rr,
#main-container .sidebar.sidebar-3rr,
#main-container .template-page.tpl-3lr,
#main-container .sidebar.sidebar-3lr {
	margin-bottom: -99999px;
	padding-bottom: 99999px;
}

Regards,
Robert

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

[SQadmin]

Hi,

1. All titles are somewhat derived from “Text color” option. You can play with this by choosing different text colors to see what I mean. Anyway, you can rewrite this rule by applying some css style in admin/theme options/general settings/quick css box:

COPY CODE

#main .main-color h1,
#main .main-color h2,
#main .main-color h3,
#main .main-color h4,
#main .main-color h5,
#main .main-color h6 { color: #ffffff; }

#main .alternate-color h1,
#main .alternate-color h2,
#main .alternate-color h3,
#main .alternate-color h4,
#main .alternate-color h5,
#main .alternate-color h6 { color: #ffffff; }

2. To hide title, breadcrumb and title info you have settings on every page in – Theme General settings/Title section.

3. In order to make the whole site private you need a plugin to restrict the access. Check on WordPress repository

Regards,
Robert

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

[SQadmin]

Hi again, this issue is already fixed and will be available in next update. Until than you can add in admin – sweetdate/styling oprions/quick css box the following lines:

COPY CODE

.buddypress button.rtmedia-like.rtmedia-action-buttons span {
	display: inline !important;
	border-radius: 3px;
	padding-left: 4px !important;
	padding-right: 4px !important;
}

Regards,
Robert

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

[SQadmin]

Hi Kieran, a quick fix upon next update, add in admin/theme options/general settings/quick css box the following line:

COPY CODE

#buddypress div#item-nav .tabdrop .dropdown-menu li a:before {
	font-size: 22px;
}

Regards,
Robert

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

[SQadmin]

Hi, during some tests we set the max-width page to 320px and all “cutting” issues come from this. As a quick fix until next update you can add in admin – theme options/general settings quick css box the following line:

COPY CODE

@media screen and (max-width: 400px) {
   .container {
     min-width: inherit;
   }
}

For homepage slider need to do some finest settings or simply import ours http://d.pr/f/mj4L
Also, you need to change background color to section that hold the slider or do a copy-paste from our settings http://d.pr/n/X9sD+

Best reagrds,
Robert

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

[SQadmin]

Hi, this is normal because it derived from Bootstrap and according to their docs, any “label” class should be immediately followed by so called “What label type” like this example:

COPY CODE

<span class=”label label-default”>I would like my site to appear in ... </span>

http://getbootstrap.com/components/#labels

Regards,
Robert

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

[SQadmin]

Hi, you can simply disable it by adding the following lines in admin – theme options – general settings – quick css box:

COPY CODE

.caret {
	padding-left: 0;
}
.caret:after {
	content: " ";
}
.dropdown-submenu > a:after {
	content: " ";
}

Regards,
Robert

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

[SQadmin]

Hi danielle, we’ve already fixed this and will be available in next update (2.4). Until then you can add the following lines in admin – styling options/quick css box:

COPY CODE

.rtmedia-container,
.rtmedia-activity-container,
 #buddypress div.rtmedia-activity-container {
 	display: inline-block;
 	width: 100%;
}

Regards,
Robert

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

[SQadmin]

Hi, for labels I think you can resolve this by adding the following line in ../styling options/quick css box:

COPY CODE

#header label {
    color: #000000;
}

For buttons if you have the latest version 2.3.1 it should work ok like one of our demos here http://seventhqueen.com/demo/sweetdatewp-modern/

Regards,
Robert

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

[SQadmin]

Hi, To remove the hearts instead of replacing them with other icon:

COPY CODE

 
function kleo_my_hearts_actions()
{
   /* disable matching on member profile */
    remove_action('kleo_bp_before_profile_name', 'kleo_bp_compatibility_match');      
 
    /* Replace the heart over images */
    add_filter('kleo_img_rounded_icon', 'my_custom_icon');
 
    /* Replace the heart from register modal */
    add_filter('kleo_register_button_icon', 'my_custom_icon_register');
 
    /* Replace the heart from About us widget */
    add_filter('kleo_widget_aboutus_icon', 'my_custom_icon_about_widget');
}
 
/* Replace the heart with a camera icon function */
function my_custom_icon () {
    return '';
}
 
/* Replace the heart from register modal with a user icon function */
function my_custom_icon_register () {
    return '';
}
/* Replace the heart from about us widget with a user icon function */
function my_custom_icon_about_widget () {
    return '';
}

Hi, That matching works only with user profile fields
Cheers

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

[SQadmin]

Hi Nicholaus, you can try to add in quick css box this:

COPY CODE

.login-action-login.login h1 a {overflow:visible;}

ps: not sure if this will solve the problem since I do not know the address of your page.

Regards,
Robert

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

[SQadmin]

Hi, you can add the following line in admin – Sweetdate/Styling options/Quick css box like this example:

COPY CODE

.button#signup { background: #1FA8D1; border: 1px solid #1FA8D1; }

Regards,
Robert

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

[SQadmin]

Hi Catherine, right now you can’t do this from admin but you can edit one file template to achieve this:

1. Activate sweetdate-child theme;
2. Assuming that you have the latest version of sweetdate (2.3.1) edit ../wp-content/themes/sweetdate-child/header.php around lines 222 and 232. Wrap all “just-after-header” content into another div with a custom class “my-bg” like this example: http://d.pr/i/b3yZ

*If you don’t have this file copy it from ../wp-content/themes/sweetdate folder.

3. Go to admin – sweetdate/styling options/quick css box and add the folowing line:

COPY CODE

.my-bg { 
background: url(http://localhomeswap.com/beta-site/wp-content/uploads/2013/12/winter-road-3.png) no-repeat;
}

In the final it should be like this http://d.pr/i/DX3S

Regards,
Robert

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

[SQadmin]

Hi @daniellemarie, thank you very much for trying to help. I have a different approach to it which might help.
I think more simple is to modify from 940px to 767px in ../assets/styles/responsive.css the folowing lines: 205, 278, 372(or 369) and add one line of code, it will become line 281 like this example: http://d.pr/i/C00U

COPY CODE

.top-bar { background: transparent !important; }

ps: I also changed on one of our demo: http://seventhqueen.com/demo/sweetdatewp/

Regards,
Robert

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

[SQadmin]

Hi again, please add the following lines in admin – sweetdate/styling options/quick css box:

COPY CODE

.carousel-profiles li a { display: inline-block; }
#main .caroufredsel_wrapper,
#main .carousel-profiles .profile-thumbs { min-height: 118px; }

Regards,
Robert

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

[SQadmin]

Hi again, because it involves to changing some core files I’ll provide you a temporary fix only. We also like this plugin and we’ll made full compatible with our next update in January.

1). Comment entire block of code (lines 63-70) in ../wp-content/plugins/buddypress-activity-privacy/includes/js/bp-activity-privacy.js http://d.pr/i/xGUQ

2). Add the following lines in admin – sweetdate/styling options/quick css box:

COPY CODE

#activity-visibility { color: inherit; }
select#activity-privacy { min-width: 80px; }
select#activity-privacy:hover { cursor: pointer; }


@media only screen and (max-width: 767px) {
#whats-new-submit #activity-visibility { display: inline-block; float: left; }
#whats-new-submit button.button,
#whats-new-submit input[type="submit"].button,
#whats-new-submit input[type="reset"].button { width: auto; float: right; }
}

Regards,
Robert

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

[SQadmin]

Hi, can you explain in a little more detail the first question please? Thanks.
To hide footer(widgets) from mobile version the easiest way is to add the following rule in quick css box:

COPY CODE

@media screen and (max-width: 480px) {
	.widgets-container {
		display: none;
	}
}

Regards,
Robert

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

[SQadmin]

Hi, the easiest way is to take this example by putting the following lines in admin – sweetdate/styling options/quick css box:

COPY CODE

@media screen and (max-width: 480px) {
/* Your widget classes that you do not want displayed */
.widget_kleo_recent_posts { display: none; }
}

Regards,
Robert

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

[SQadmin]

Hi guys, I came up with a fix for admin bar since wp3.8 has a different height for this. So, the easiest way is to add some css lines in quick css box:

COPY CODE

/* Admin bar fix for wp3.8 */
@media screen and (max-width: 600px) {
	#wpadminbar {
		position: fixed;
	}
}

After that you also need to add one line in ../wp-includes/admin-bar.php at line 779: http://d.pr/i/vxJP – code block here: http://d.pr/n/1ZsZ

Regards,
Robert

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

[SQadmin]

Hi, the “alert” class come from Foundation framework by default http://foundation.zurb.com/docs/v/3.2.5/buttons.php, so, the yellow button doesn’t have a defined class but you can replace “alert” with a custom class(“yellow”) and refer to this in quick css box like this:

COPY CODE

.button.btn-yellow { background-color: #ff9933; border: 1px solid #fda44a; }
.button.btn-yellow:hover,
.button.btn-yellow:focus { background-color: #fda44a; border: 1px solid #fda44a; }

Button example: http://d.pr/n/yq2G , http://d.pr/i/Sd6N

Regards,
Robert

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

[SQadmin]

Hi, I attached rt-template-functions.php file for comparison: http://d.pr/f/TZIU

To hide filename under the picture simply add in quick css this:

COPY CODE

.rtmedia-list-media .rtmedia-item-title { display: none; }

Cheers.

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

[SQadmin]

Hi, try to add the following lines in quick css:

COPY CODE

.form-wrapper .reg-form-details,
.form-wrapper label,
.form-wrapper h4 { font-family: Tahoma, Geneva, sans-serif; color: #000000; }

.form-wrapper .button.front-form-button { background: #ff0461; border: none; }
.form-wrapper .button.front-form-button:hover { background: #ed0058; border: none; }

.form-wrapper .button.facebook { margin-left: 10px; background: #3b5a9b; border: none; }
.form-wrapper .button.facebook:hover { background-color: #496bb2; border: none; }

Regards,
Robert

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

[SQadmin]

To make the sidebar on the left for all Woocommerce pages, add this PHP code to sweetdate-child/functions.php

COPY CODE

add_action('wp_head', 'my_woo_sidebar');
function my_woo_sidebar() {
	if (is_woocommerce()) {
		add_action('kleo_before_content', 'woo_sidebar');
		remove_action('kleo_after_content', 'kleo_sidebar');
	}
}
function woo_sidebar() {
	get_sidebar('woocommerce');
}

Regards,
Abe

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

[SQadmin]

Hi, You can change search form labels color by adding this css to Sweetdate – Styling options – Quick css or in sweetdate-child/style.css

COPY CODE

.form-search label {
    color: #FFFFFF;
}

Change #ffffff with your own color

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

[SQadmin]

Hi, after a small research for this issue I found a posible solution, anyway, is not intented to use behind the form but in your case is ok because you use it as simple background slideshow. So you need to add the following lines in WP admin – Sweetdate – Styling options – Quick css box:

COPY CODE

@media only screen and (max-width: 767px) {
.revslider-head.absolute-head #header{ position: absolute;}
.revslider-head.absolute-head .form-wrapper { margin-top: 222px; }
.revslider-head .just-after-header { position: absolute; }
.rev_slider_wrapper { display: block; }
.page-template-page-templatesfront-page-php .rev_slider_wrapper { min-height: 890px; }
}

Regards,
Robert

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

[SQadmin]

Hi, to target only the first title, in our case “About me” you just need to put the following line in admin – sweetdate/styling options/cuick css box:

COPY CODE

#profile .tabs dd:first-child a { color: #EC155A; }

Regards,
Robert

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

[Author]

Posts