Abe

[Abe]

Hi, You can disable that navigation by adding this CSS

COPY CODE

.single .pagination-sticky {
    display: none;
}

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

Hi, that is fairly simple.
The link should be like http://pagetitle.com#my-section-on-page and somewhere in the page have an element like

COPY CODE

<h3 id="my-section-on-page">Title for section</h3>

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

You should add something like this if that is the homepage:

COPY CODE

.page-template-page-templatesfront-page-php .rev_slider_wrapper { min-height: 713px; }

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

Hi, That could be also related to the height of the slider you set in your Revolution slider settings
Also you can add this CSS and change the height value to match you slider height:

COPY CODE

.page-template-page-templatesfront-page-php .rev_slider_wrapper { min-height: 713px; }

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

You should do something like

COPY CODE

<?php
if ( is_user_logged_in() ) {
?>
<a href="http://yoursite.com/forloggedin" rel="nofollow">Sign Up</a>
<?php
} else {
?>
    <a href="http://yoursite.com" rel="nofollow">Sign Up</a>
<?php
};
?>

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

that should come from some plugin conflict. You can try to disable them one by one to see the problem or add this CSS to fix it in Sweetdate – Styling options – Quick css

COPY CODE

.mfp-content #rtmedia-single-media-container .rtmedia-media img {
    max-height: inherit;
}

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

Hi, That message comes from Buddypress and you need to change that text by translating Buddypress. See more: http://codex.buddypress.org/developer/customizing/customizing-labels-messages-and-urls/

To change the button color add this CSS in your sweetdate-child/style.css file and change the color codes

COPY CODE

.button.alert {
    background-color: #ED0058;
    border: 1px solid #ED0058;
}

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

well this should be the function:

COPY CODE

function sweetdate_entry_meta() {
	// Translators: used between list items, there is a space after the comma.
	$categories_list = get_the_category_list( __( ', ', 'kleo_framework' ) );

	// Translators: used between list items, there is a space after the comma.
	$tag_list = get_the_tag_list( '', __( ', ', 'kleo_framework' ) );

	$date = sprintf( '<a href="%1$s" title="%2$s" rel="bookmark"><time class="entry-date" datetime="%3$s">%4$s</time></a>',
		esc_url( get_permalink() ),
		esc_attr( get_the_time() ),
		esc_attr( get_the_date( 'c' ) ),
		esc_html( get_the_date() )
	);

	$author = sprintf( '<a class="url fn n" href="%1$s" title="%2$s" rel="author">%3$s</a>',
		esc_url( get_author_posts_url( get_the_author_meta( 'ID' ) ) ),
		esc_attr( sprintf( __( 'View all posts by %s', 'kleo_framework' ), get_the_author() ) ),
		get_the_author()
	);

	// Translators: 1 is category, 2 is tag, 3 is the date and 4 is the author's name.
	if ( $categories_list ) {
                echo '<li><i class="icon-calendar"></i> '.$date.'</li>';
                echo '<li><i class="icon-user"></i> '.$author.'</li>';
                echo '<li><i class="icon-heart"></i> '.$categories_list.'</li>';
                if ($tag_list) echo '<li><i class="icon-tags"></i> '.$tag_list.'</li>';
                echo '<li><i class="icon-comments"></i> <a href="'.get_permalink().'#comments">'.sprintf( _n( 'One comment', '%1$s comments', get_comments_number(), 'kleo_framework' ),number_format_i18n( get_comments_number() ) ).'</a></li>';
        }
        else {
                echo '<li><i class="icon-calendar"></i> '.$date.'</li>';
                echo '<li><i class="icon-user"></i> '.$author.'</li>';
                if ($tag_list) echo '<li><i class="icon-tags"></i> '.$tag_list.'</li>';
                echo '<li><i class="icon-comments"></i> <a href="'. get_permalink().'#comments">'.sprintf( _n( 'One comment', '%1$s comments', get_comments_number(), 'kleo_framework' ),number_format_i18n( get_comments_number() ) ).'</a></li>';
	}

}

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

Hi there. Those icons are added by editing your menu in Appearance – Menus, modifying the desired item name and adding the icon html in front of menu item Navigation label like:

COPY CODE

<i class="icon icon-mail"></i> Email

All the icons available to be used can be see in the main package downloaded from Themeforest in Assets – Fontello – demo.html

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

Hi, Add this css to your kleo-child/style.css or in WP-admin – Theme options – Quick css:

COPY CODE

.kleo-main-header .navbar-header, .kleo-main-header .logo, .kleo-main-header .navbar-collapse, .kleo-main-header .navbar-collapse > ul {
    text-align: center;
    width: 100%;
}
.logo img { display: inline-block; }

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

Hi there,

1. Please see this fix until next theme update. https://archived.seventhqueen.com/forums/topic/dark-more/#post-18315

2. Center the menu with this CSS

COPY CODE

.kleo-main-header .navbar-collapse ul,
.kleo-main-header .navbar-collapse {
text-align: center;
width:100%;
}

3. I guess it is related to 1
4. Sure, just leave the general setting with no transparency and edit that page and go to Theme general Settings – Display options and set the Transparent menu there and also maybe a custom logo

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

Hi, That can be removed by CSS. Add this to your child theme in style.css or in WP admin – Theme options – QUick css

COPY CODE

.pagination-sticky {
    display: none;
}

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

Hi, You probably enabled the Transparent menu from Theme options – Header options

The color can be adjusted with CSS

COPY CODE

.social-header.header-color {
    background: #CCCCCC;
}

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

Hi there,
Doing it that way will remove the modified image once you update the theme. You should put the image in the sweetdate-child folder and add a CSS to modify the background image path to the new one from sweetdate-child like:

COPY CODE

.membership .pricing-table.popular:after {
    background: url("images/pop.png") no-repeat scroll center center rgba(0, 0, 0, 0);
}

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

Hi @Maurice

The register modal template is found in wp-content\themes\sweetdate\page-parts\general-register-modal.php
The pink button can be changed by CSS

COPY CODE

.button.alert {
    background-color: #ED0058;
    border: 1px solid #ED0058;
}
.button.alert:hover, .button.alert:focus {
    background-color: #DE0052;
    border: 1px solid #DE0052;
}

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

Hi,
Great, can’t wait to see your work.
You could use a CSS with media query only for mobile devices and set a logo size there.
you CSS should be like

COPY CODE

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles here*/
.logo img {
    max-height: 60px !important;
}
}

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

For the hover this is the CSS

COPY CODE

#call-to-actions .alert:hover, #call-to-actions .alert:focus {
    background: none repeat scroll 0 0 #ED0058;
    border: 1px solid #ED0058;
}

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

Hi, This should be the complete CSS to also center the image:

COPY CODE

img.attachment-kleo-full-width {
    display: block;
    margin: 0 auto;
    text-align: center;
    width: auto;
}

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

Normally that should only appear in the /members page. You should try and un-check all the profile fields for the horizontal search form in Sweetdate – Buddypress

Also the css to hide it is:

COPY CODE

#search-bar {
    display: none;
}

Try inspecting elements using Chrome to see site styles

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

Hi, You should make reference to the anchor tag like this:

COPY CODE

#profile-edit-form ul.button-nav li a {
    color: #FF0000;
}

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

Hi, the search form template is found here in the theme if you need to make some changes: wp-content\themes\sweetdate\page-parts\home-search-form.php
You could add a CSS rule to move it:

COPY CODE

.just-after-header .five.columns {
    margin-left: 200px;
}

See this topic from the FAQ to remove hearts in site: https://archived.seventhqueen.com/forums/topic/removereplace-the-love-hearts-in-site

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

Hi,
Those notifications can be changed by adding this CSS to your child theme style.css or in WP admin – Styling options – Quick css

COPY CODE

.kleo-message-count {

    background: #F00056;
}
.kleo-friends-req {
    background: #cccccc;
}
#header .kleo-notifications a {
    color: #FFFFFF !important;
}

The color of the form comes from the button color set in Styling options.
Try adding at least three members and see how Latest members section looks

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

Hi there,
Your questions are mostly related to rtMedia and not the theme so I will answer to the theme related ones or the ones I can help
1. I think you can try to translate rtMedia plugin and see if changing the Media string helps.
6. This could be customized by CSS. Inspect site elements with Chrome and apply the CSS rules in your kleo-child/style.css

COPY CODE

.mfp-content #buddypress .rtm-lightbox-container .rtmedia-single-meta {
    background: #FFFFFF !important;
}
.mfp-content #rtmedia-single-media-container .rtmedia-media {
    background: #FFFFFF !important;
}

Ask rtMedia guys for anything else

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

Hi, Since 1.4.2 those sizes are stored in a theme variable in wp-content\themes\kleo\lib\theme-functions.php:
//Post image sizes for carousels and galleries
$kleo_config[‘post_gallery_img_width’] = 480;
$kleo_config[‘post_gallery_img_height’] = 270;

To change those values without altering main theme files add this code in your kleo-child/functions.php

COPY CODE

/* Change KLEO default image size */
add_action( 'after_setup_theme', 'kleo_change_image_sizes' );
function kleo_change_image_sizes() {
	global $kleo_config;

	//Post image sizes for carousels and galleries
	$kleo_config['post_gallery_img_width'] = 400;
	$kleo_config['post_gallery_img_height'] = 200;
}

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

It must be from a plugin installed. Add this css to fix it

COPY CODE

.input#bp-login-widget-user-login {
    width: 100%!important;
}

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

Changing individual buttons that aren’t covered by the theme styling options should be customized using CSS. You can inspect site elements using Chrome Inspect element feature.

That particular one can be customized using this CSS

COPY CODE

#call-to-actions .alert {
    background-color: #FF0461;
    border: 1px solid #FF0461;
}

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

Add this CSS in your child theme in style.css or in WP admin – Theme options – Quick css:

COPY CODE

article .post-meta {
    display: none;
}

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

hi, In Appearance – Menus you edit the respective item and add the icon before the item name like

COPY CODE

<i class="icon icon-phone"></i> Phone

All Fontello icons can be seen in the package downloaded under Assets – Fontello – demo.html

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

Well there is no website field by default…

add this css for the fix:

COPY CODE

#buddypress div.profile .dl-horizontal dd {
    margin-bottom: 0;
    padding-top: 0.85em;
}
#buddypress div.profile .dl-horizontal p {
    margin: 0;
}

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

This CSS should style that element:

COPY CODE

#main .main-color h3.post-title > a {
    color: #333333;
}

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

Ok, fixed it.
Replace the content from this theme files with the content from attached files:
– wp-content\themes\kleo\index.php
– wp-content\themes\kleo\page-parts\general-title-section.php

You should go to Theme options – Layout settings and set the breadcrumb to OFF and Page Title location to Main section. Then in Header options – Show breadcrumb – OFF and remove the text from “Main menu info”

Let me know if it works now.
also to hide the title in the main area, just if you don’t want the title at all add this CSS

COPY CODE

h1.page-title {
    display: none;
}

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

Attachments:

You must be logged in to view attached files.

[Abe]

Hi, well you said the sidebar and that is the sidebar that is black. the bubble you are referring to is just a part of a widget
Change the color code on this css. you should use chrome inspect element to style different elements in your site

.buddypress.widgets ul.item-list {
background: #ccc;
}
.buddypress.widgets ul.item-list:before {
border-color: transparent transparent #ccc transparent
}
 Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

Try

COPY CODE

p {
    font-size: 16px !important;
}

If you don’t provide a site link so we can see the respective page it is really hard to guess the section you are referring to

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

Hi, Try customizing the size of the paragraphs with this CSS

COPY CODE

.article-content > p {
    font-size: 14px;
}

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

This should be the code. make sure the child theme is active. Also the names provided but be exactly the group names as in USers – Profile fields

COPY CODE

//my changes to profile tabs
add_action('after_setup_theme','kleo_my_custom_tabs');
function kleo_my_custom_tabs()
{
    global $bp_tabs;
    $bp_tabs = array();
 
    $bp_tabs[] = array(
            'type' => 'regular',
            'name' => 'Basis informatie (Primary)',
            'group' => 'Basis informatie (Primary)',
            'class' => 'regulartab'
    );
    $bp_tabs[] = array(
            'type' => 'regular',
            'name' => 'Over mijzelf',
            'group' => 'Over mijzelf',
            'class' => 'regulartab'
    );
    $bp_tabs[] = array(
            'type' => 'regular',
            'name' => 'Op zoek naar',
            'group' => 'Op zoek naar',
            'class' => 'regulartab'
    );
    $bp_tabs[] = array(
            'type' => 'regular',
            'name' => 'Lifestyle',
            'group' => 'Lifestyle',
            'class' => 'regulartab'
    );
    $bp_tabs[] = array(
            'type' => 'regular',
            'name' => 'Physical',
            'group' => 'Physical',
            'class' => 'regulartab'
    );
 
    /* rtMedia tab - only if plugin installed */
    if (class_exists('RTMedia'))
    {
        $bp_tabs['rtmedia'] = array(
                'type' => 'rt_media',
                'name' => __('My work', 'kleo_framework'),
                'class' => 'mySlider'
        );
    }
 
    /* Bp-Album tab - only if plugin installed */
    elseif (function_exists('bpa_init')) {
        $bp_tabs['bp-album'] = array(
                'type' => 'bp_album',
                'name' => __('My photos', 'kleo_framework'),
                'class' => 'mySlider'
        );
    }
    
}

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

Hi, to hide the text under the avatar you need to add this CSS

COPY CODE

#buddypress div#item-header div#item-header-content h4.user-nicename {
    display: none;
}

#buddypress div#item-header div#item-header-content span.activity {
    display: none;
}

Any other customization done to the header template should be done in this file: wp-content\themes\kleo\buddypress\members\single\member-header.php

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

Hi there, We have changed this for the next version so until then add this CSS to fix it:

COPY CODE

.editfield .radio .label {
    margin-left: -20px !important;
    text-align: left;
}

The CSS can be added to kleo-child/style.css or in WP admin – Theme options – Quick css

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

Hi, you can edit the specific menu item and add the html tag for the fontello icon before the menu name like:

COPY CODE

<i class="icon icon-camera"></i> Page name

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

So this is the topic to follow if you want to change the profile groups that show to the right of the image: https://archived.seventhqueen.com/forums/topic/how-to-add-more-tabs-next-to-the-profile-image

We already gave you this in another topic but creating so many with duplicate content will just end up loosing track

COPY CODE

add_action('after_setup_theme','kleo_my_custom_tabs');
function kleo_my_custom_tabs()
{
    global $bp_tabs;
    $bp_tabs = array();
    $bp_tabs[] = array(
            'type' => 'regular',
            'name' => __('My Profile', 'kleo_framework'),
            'group' => 'Base',
            'class' => 'regulartab'
    );
     $bp_tabs[] = array(
            'type' => 'regular',
            'name' => __('About me', 'kleo_framework'),
            'group' => 'About me',
            'class' => 'regulartab'
    );
     $bp_tabs[] = array(
            'type' => 'regular',
            'name' => __('Looking for', 'kleo_framework'),
            'group' => 'Looking for',
            'class' => 'regulartab'
    );

        $bp_tabs['rtmedia'] = array(
                'type' => 'rt_media',
                'name' => __('My photos', 'kleo_framework'),
                'class' => 'mySlider'
        );
  

}

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

Hi,
1. Please see this topic to change those field names: https://archived.seventhqueen.com/forums/topic/member-directory-page-about-me-text-does-not-display

2. Do this by adding a custom CSS in Sweetdate – Styling options – Quick css:

COPY CODE

.search-item .avatar {
width: 140px;
height: 140px;
}
.search-item .avatar img {
    width: 140px;
}

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Author]

Posts