sharmstr

[sharmstr]

If I dont use any of the previous code (since now you just want to hide all borders and color) and just add this

COPY CODE

.masonry-listing .post-content .post-title {
    border-width: 0 !important;
}
.masonry-listing .post-content {
    border-width: 0 !important;
}

i get the attached. I purposely didnt use a bg color so you could see that the border is gone.

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

Attachments:

You must be logged in to view attached files.

[sharmstr]

If I add this css to your page, I get the following

COPY CODE

#buddypress .standard-form input:focus, #buddypress .standard-form textarea:focus, #buddypress .standard-form select:focus {
border-color: #000 !important;
color: #000 !important;
}
.main-color ::selection {
    background-color: red !important;
}

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

Attachments:

You must be logged in to view attached files.

[sharmstr]

Hmmm. If I add this

COPY CODE

.masonry-listing .post-content {
    border-left-width: 1px !important;
}

I get the attached.

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

Attachments:

You must be logged in to view attached files.

[sharmstr]

I just noticed an important fix in the next k-elements update that pertains to the “Content by user type” shortcode. If you are going to use this shortcode, please make the following edit to lines 1276 to 1278 in /wp-content/k-elements/shortcodes/shortcodes.php.

Change

COPY CODE

$a = shortcode_atts( array(
            'type' => '',
        ), $atts );

to this

COPY CODE

$a = shortcode_atts( array(
            'type' => 'user',
        ), $atts );

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

Actually, I see that this has been fixed in the next update of k-elements. Instead of changing line 1280, change lines 1276 to 1278 from this

COPY CODE

$a = shortcode_atts( array(
            'type' => '',
        ), $atts );

to this

COPY CODE

$a = shortcode_atts( array(
            'type' => 'user',
        ), $atts );

I apologize for my confusion.

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

Go to /wp-content/k-elements/shortcodes/shortcodes.php and change the following line (around 1280) from this

COPY CODE

if ( is_user_logged_in() && $a['type'] == 'user')

to this

COPY CODE

if ( is_user_logged_in() && $a['type'] == '')

I’ll alert the developers to this.

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

Try this in quick css

COPY CODE

.widget_product_search .search-field {
    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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

Sorry. You need to add

COPY CODE

define( 'WP_DEBUG_DISPLAY', true);

I copied the wrong code earlier. eeek.

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

Put this in your quick css

COPY CODE

.open-sidebar {
    cursor: pointer !important;
}

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

Got it. In the future, please let us know exactly what you’re doing. It will help us get you a solution faster.

Click on the gear icon and add this css

COPY CODE

.item-likes {
    float: left;
}

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

Just change the link line from this

<a href="<?php echo home_url();?>">

To

COPY CODE

<a href="http://whateveryouwant.com/where/">

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

You cant have them on the same line if you add text to the socket section in theme options since that will add paragraph tags around it. You can try removing it from theme options and adding it directly to the socket.php page.

COPY CODE

<?php echo "El mundo a través de un visor ©2015 · Diseño y desarrollo GlopDesign  ·  Política de privacidad  ·  Aviso legal" . kleo_get_social_profiles(); ?>

Then add this to your quick css

COPY CODE

#socket ul {
    display: inline !important;
}

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

Try this in your quick css

COPY CODE

@media (max-width: 1200px) {
.sticky-wrapper {
    height: auto!important;
    margin-top: -1px;
}
.social-header {
display:none !important;
}

.navbar-header {
    float: right !important;
}
}

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

You havent add the masonry divs so it has no idea what to do

COPY CODE

if ($query->have_posts()) {
	echo '<div class="posts-listing responsive-cols kleo-masonry per-row-3 with-meta masonry-listing">';
	while ($query->have_posts()) {
		$query->the_post();
		get_template_part('page-parts/post-content-masonry');
	}
	echo '</div>';
}

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

According to the plugin, you cant use query_posts to get the events. That’s what the related code uses. You can test this yourself by changing

COPY CODE

query_posts($args);

COPY CODE

query_posts("post_type=event");

What that *should* do is return all events regardless of event_categories and event_tags. You’ll see that it doesnt.

You’ll have to use WP_Query instead. There’s a ton of info on their site about how to use it.

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

1: Technically that is “normal”. The footer is at the bottom of the content, not the page. That’s normal behavior.

COPY CODE

.registration #socket {
    position: fixed !important;
    bottom: 0 !important;
    width: 100% !important;
}

2: Put this in your quick css

COPY CODE

.wpb_column > .wpb_wrapper > *:last-child {
    margin-bottom: 2px !important;
}

3 – Change the bp_core_redirect so that it redirects to your activity page.

COPY CODE

bp_core_redirect('http://yoursite.com/activity/');

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

Put this in your quick css

COPY CODE

.main-color ::selection {
    background-color: #003333 !important;
}

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

You have cloud servers in place that allow your site to load faster. It does this by caching copies of your files on multiple servers. If you dont clear/purge those files so the servers get the new files, you’ll run into issues like this.

The function that builds the icon list is part of k-elements. Can you enable debugging on the test site? Add this to wp-config.php

If this line exists

COPY CODE

define('WP_DEBUG', false); 

change it to

COPY CODE

define('WP_DEBUG', true);

If this line exists

COPY CODE

define('WP_DEBUG_DISPLAY', false);

change it to

COPY CODE

define('WP_DEBUG_DISPLAY', true);

If they dont exist, add them.

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

You can use this…

COPY CODE

/* both top and main */
.dropdown-menu {
    background-color: red !important;
}

/* top only */
.top-menu .dropdown-menu {
    background-color: red !important;
}

/* main only */
.navbar-nav .dropdown-menu {
    background-color: red !important;
}

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

Credentials aren’t working.

I asked you to clear the cache because in Chrome you were (are) seeing the standard blog layout. Kleo has a layout switcher that if used will write your blog layout selection to a cookie. My assumption was at some point while you were trying to set this up, you enabled it and selected the standard layout. Instead of telling you to add the layout switcher and select masonry, the faster way is to clear your browser cache. I should have been more specific to say that you need to clear your cookies as well.

Kleo overrides many Visual Composer settings so you can set the styling via the row’s Section Style which allows you choose one of the styles you’ve set up in Theme Options. You can override that with the css I gave you previously. You can add the following to the page via the gear icon in VC

COPY CODE

/* the post outer container */
article {
background-color: red !important;
}
/* the post container */
.post-content {
    background-color: green !important;
    border-color: blue !important;
}

I purposely make the colors ugly so people can see exactly what part of the css does what.

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

1 – I’m using chrome. This is what I see. Same with Firefox. Are you seeing something different?

2 – I see lots of color changes including borders. What exactly is wrong?

3 – The background and posts are different colors. Unless you mean the article background

COPY CODE

article {
background-color: green !important;
}

.post-content {
background-color: white !important;
}

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

Attachments:

You must be logged in to view attached files.

[sharmstr]

Try this in quick css

COPY CODE

.vc_column_container a.bbp-forum-title {
    color: #fff !important;
}

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

Put this in your quick css

COPY CODE

.kleo-carousel-container .entry-summary {
    display: none;
}

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

Private message

COPY CODE

.main-color #buddypress div.generic-button a:hover {
    background-color: red;
}

That friends activities is from a plugin, right? If so, I have no idea.

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

It uses the background color set in styles > alternate. But you can also try this in your quick css

COPY CODE

.format-quote .post-content {
    background-color: #000 !important;
}

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

Please search before posting. You can try this here: https://archived.seventhqueen.com/forums/topic/kleo-login-auto-popup#post-51403

You can try putting your code in a text block, but instead of the link add

COPY CODE

[kleo_button title="Testzugang anfordern" href="#contact_form_pop" icon="0"]

If that doesnt work, contact easy facebox and ask them for css to turn the link into a button.

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

Attachments:

You must be logged in to view attached files.

[sharmstr]

Ohhh. I see what you mean now. There’s not setting on a page that will allow you to do what you want. But you can try adding the following css to the page by clicking on the gear icon in visual composer

COPY CODE

.container {
    max-width: 100%;
}
.page-boxed {
max-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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

There’s nothing attached.

you can try this instead

COPY CODE

.posts-listing .post-content {
    background-color: blue !important;
}

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

Try this is your quick css to change it site wide or click on the gear icon in Visual Composer to effect only the pinterest page.

COPY CODE

.posts-listing article {
background-color:green !important;
}

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

Attachments:

You must be logged in to view attached files.

[sharmstr]

Here’s the default style gap code that’s been modified for the overlay style

COPY CODE

.portfolio-items.overlay-style li .portfolio-item-content {
    margin: 0 10px 20px;
}

No. The portfolio shortcode doesnt have a random order setting.

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

Try this in your quick css

COPY CODE

.dwqa-container {
position: absolute !important;
}

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

You probably have to declare !important

COPY CODE

.buttonclass {
background-color: yellow !important;
}

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

*ALL* bp pages? Or just all BP Profile screens?

COPY CODE

// Show notice in member profile
add_action('kleo_before_content','add_bp_profile_notice');
function add_bp_profile_notice () {
    if ( bp_is_user() ) {
        echo "I'm in a members profile";
    }
}

// Show notice on every bp page
add_action('kleo_before_content','add_bp_notice');
function add_bp_notice () {
    if ( is_buddypress() ) {
        echo "I'm on a bp page";
    }
}

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

The carets?

Try this in your quick css

COPY CODE

#header .caret {
    display: none !important;
}

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

The reason its doing it is because you’ve set your menu height to 30px. That’s all fine an good, but if you would have mentioned that, I would have figured this out quicker 🙂 Looks like bootstrap sets a min-height of 50px on the .navbar class. This isn’t a kleo ‘bug’ really, but should be addressed. For now, put this in your quick css

COPY CODE

.navbar {
min-height: 0 !important;
}

Let me know if that works.

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

Try this code in your quick css

COPY CODE

@media screen and (max-width: 480px) {
.responsive-cols>* {
    width: 49.9% !important;
    float: left !important;
}
}

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

Thank you for the explanation.

I was looking at the membership plugin that you’re using and it claims that you can hide partial content. So why couldnt you just use a single page and show 10 images then hide the rest for non paying members?

In looking that their documentation, it looks like you can do something like

COPY CODE

[user_account_is#guest]**show 10 images here**[/user_account_is]
[private]** full gallery here **[/private]

The first line will only be shown to guest, the second will only be shown to paying members.

At least that’s what I think that code does 🙂

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

And actually, it would be right after the title section. If you want it between the menu and the title section, you’ll have to copy /kleo/page-parts/general-header-section.php to your child theme and put this at the bottom

COPY CODE

<li id="categories">
        <h2><?php _e( 'Posts by Category' ); ?></h2>
        <form id="category-select" class="category-select" action="<?php echo esc_url( home_url( '/' ) ); ?>" method="get">

            <?php
            $args = array(
                'show_option_none' => __( 'Select category' ),
                'show_count'       => 1,
                'orderby'          => 'name',
                'echo'             => 0,
            );
            ?>

            <?php $select  = wp_dropdown_categories( $args ); ?>
            <?php $replace = "<select$1 onchange='return this.form.submit()'>"; ?>
            <?php $select  = preg_replace( '#<select([^>]*)>#', $replace, $select ); ?>

            <?php echo $select; ?>

            <noscript>
                <input type="submit" value="View" />
            </noscript>

        </form>
    </li>

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

Copy /kleo/page-parts/socket.php to your child theme and add the following under the do_shortcode line

COPY CODE

<?php echo kleo_get_social_profiles(); ?>

And put this in your quick css

COPY CODE

#socket li {
    display: inline !important;
}
#socket .ts-text {
    display: none;
}

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

COPY CODE

function my_header_menu() { ?>
<li id="categories">
	<h2><?php _e( 'Posts by Category' ); ?></h2>
<form id="category-select" class="category-select" action="<?php echo esc_url( home_url( '/' ) ); ?>" method="get">

    <?php
    $args = array(
        'show_option_none' => __( 'Select category' ),
        'show_count'       => 1,
        'orderby'          => 'name',
        'echo'             => 0,
    );
    ?>

    <?php $select  = wp_dropdown_categories( $args ); ?>
    <?php $replace = "<select$1 onchange='return this.form.submit()'>"; ?>
    <?php $select  = preg_replace( '#<select([^>]*)>#', $replace, $select ); ?>

    <?php echo $select; ?>

    <noscript>
        <input type="submit" value="View" />
    </noscript>

</form>
</li>
<?php }

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[Author]

Posts