Radu

[Radu]

Replace the CSS wit this

COPY CODE

.article-media img {
    width: auto !important;
    margin: 0 auto !important;
    display: block;
}

Cheers
R

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

[Radu]

Not marked as solution

[Radu]

Hi,

Try this

COPY CODE

.article-media img {
    width: auto !important;
}

Let me know

Cheers
R.

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

[Radu]

Hi,

This is the easy way to can do that

COPY CODE

.header-scrolled .logo img { display:none; }
.header-scrolled .navbar-header { background:url('https://cdn.seventhqueen.com/sq-support/wp-content/uploads/2016/10/7th-new-logo%402x.png'); background-size:cover; }

Replace image link with your secondary version of logo

Cheers
R.

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

[Radu]

HI,

use those selectors

COPY CODE

.woocommerce-billing-fields input,
.woocommerce form .form-row textarea, .woocommerce-page form .form-row textarea {
    background: red;
    color:#fff;
}


.select2-container .select2-choice { background:red;color:#999; }

Replace red with your color

Cheers
R.

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

[Radu]

Hi, This is css selector to remove filter

COPY CODE

.directory.members li#members-order-select {
    display: none !important;
}

Cheers
R.

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

[Radu]

Hi,

Add this css to wp-admin -> theme options -> general settings -> quick css

COPY CODE

.alternate-color .colored-icons .feature-item:hover .feature-icon {
    border: 1px solid red;
}

Cheers
R.

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

[Radu]

Not marked as solution

[Radu]

Hi,

This is the mini cart CSS selector

COPY CODE

.kleo-toggle-menu .kleo-minicart {}

OR directly

COPY CODE

.kleo-minicart {}

Cheers
R.

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

[Radu]

Please add this css to wp-admin -> theme options -> quick css

COPY CODE

ul.item-list.kleo-bp-active-members li:nth-child(6n+1) {clear:both !important;}

Cheers

R.

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

[Radu]

Not marked as solution

[Radu]

Hi,

That it’s not really possible because if you will have the breadcrumb structure longer that example photo those will overlap over the search form.

That space it’s destinated to the title area and breadcrumbs.

If you want to use to render that search form somewhere else add this function to wp-content/themes/buddyapp-child/functions.php

COPY CODE

function buddyapp_search_shortcode() {

    $context = sq_option( 'search_context', '' );
    echo kleo_search_form(array('context' => $context));

}

add_shortcode('buddyapp_search_shortcode','buddyapp_search_shortcode');

Then use this shortcode [buddyapp_search_shortcode] to render it

Cheers
R.

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

[Radu]

Not marked as solution

[Radu]

Not marked as solution

[Radu]

Hi,

Sorry I’ve missed the . from the start of the CSS

Replace with this

COPY CODE

.kleo_text_column.wpb_content_element strong {
    font-size: 28px;
    word-break: break-all;
}

Cheers
R.

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

[Radu]

Hi,

Add this css to wp-admin -> theme options -> general settings -> quick css

COPY CODE

div#item-body .rtmedia-container {width:100%;}

Cheers
R.

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

[Radu]

Hi,

Replace the snippet from @laura with this one

COPY CODE

kleo_text_column.wpb_content_element strong {
    font-size: 28px;
    word-break: break-all;
}

Let me know

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

[Radu]

Not marked as solution

[Radu]

Not marked as solution

[Radu]

Hi,

Use this css selector

COPY CODE

.kleo-main-header .navbar-nav > li > a {
    font-size: 16px;
    font-weight:bold;
}

The menu font it’s depends by the body from that can be changed wp-admin -> theme options -> fonts -> body font

The Css will be added to wp-admin -> theme options -> general settings -> quick css
Cheers
R.

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

[Radu]

Hi,

WE have fixed this,

Please add this css to wp-admin -> theme options -> general settings -> quick css until we release a new theme update in that we will includde this css also

COPY CODE

.gm-style .gm-style-iw { right:0 !important; }
.gm-style .gm-style-iw+div {left: 3px !important;top: 2px !important;}
.map_category>.toggle:before {float: right;}

.geodir_list_heading a {text-align:left;}

.geodir-sidebar-wrap .geodir_category_list_view .geodir-listview .geodir-content {margin-left: 0 !important;margin-right: 5% !important;float: left;}

.geodir-sidebar-wrap .geodir_category_list_view .geodir-listview .geodir-post-img {float: right;}

dl.geodir-tab-head dd {float:right; }

.geodir-category {float: right;}

.geodir-tags {
    float: left;
}

.geodir-tax-sort, .geodir-list-view-select { float:right;}

Let me know

Cheers
R.

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

[Radu]

Not marked as solution

[Radu]

Hi

Done I’ve wrapped that into this classes col-sm-4 col-xs-12

COPY CODE

<div class="col-sm-4"></div>
<div class="col-sm-4 col-xs-12">
[vc_row content_placement="middle" text_align="center" animation="animate-when-almost-visible" css_animation="bottom-to-top" inline_style="background:transparent;"][vc_column width="1/4"][kleo_icon icon="facebook-squared" icon_size="3x" href="https://www.facebook.com/Attane" target="_blank" padding="20" icon_color="#ffffff"][/vc_column][vc_column width="1/4"][kleo_icon icon="twitter" icon_size="3x" href="https://twitter.com/attane_" target="_blank" padding="20" icon_color="#ffffff"][/vc_column][vc_column width="1/4"][kleo_icon icon="linkedin" icon_size="3x" href="https://www.linkedin.com/company/attane" target="_blank" padding="20" icon_color="#ffffff"][/vc_column][vc_column width="1/4"][kleo_icon icon="youtube" icon_size="3x" href="https://www.youtube.com/channel/UCYq7UQaVLy7FsBCfZlmijgg" target="_blank" padding="20" icon_color="#ffffff"][/vc_column][/vc_row]
</div>
<div class="col-sm-4"></div>

Cheers
R.

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

[Radu]

In quick CSS area add

COPY CODE

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

Cheers
R.

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

[Radu]

Hi,

Using robots.txt file and method you can reject the search engines for certain pages with this example code

COPY CODE

User-agent: *
Disallow: /members/

Reference http://tools.seobook.com/robots-txt/

The robots.txt file will be placed in your root wp installation

Cheers
R.

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

[Radu]

Not marked as solution

[Radu]

Not marked as solution

[Radu]

Not marked as solution

[Radu]

Not marked as solution

[Radu]

Hi,

Header can be hidden from a specific page using this css where 334 represents that page ID.

COPY CODE

.page-id-334 #header {
    display: none !important;
}

Or from page/post backend check hide header

Cheers
R.

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

[Radu]

Hi @championweb

Those codes are CSS snippets and those will be paste on wp-admin -> theme options -> general settings -> quick css

COPY CODE

.kleo-search-form #searchform .input-lg {box-shadow: 0px 12px 42px 12px rgba(0,0,0,0.08);}
button {box-shadow: 0px 12px 42px 12px rgba(0,0,0,0.08);}

Those are created with featured items here it’s complete shortcode for that page : http://pastebin.com/raw/JTPic0cJ

Cheers
R.

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

[Radu]

Not marked as solution

[Radu]

Hi,

Using this function

COPY CODE

/* Schema org for body */
if ( ! function_exists( 'kleo_get_schema_org_markup' ) ) {

	function kleo_get_schema_org_markup() {
		$schema = 'http://schema.org/';
		// If woocommerce product
		if ( function_exists( 'is_woocommerce' ) && is_woocommerce() ) {
			$type = 'Product';
		} elseif ( is_singular( 'post' ) ) {
			$type = "Article";
		}  elseif ( is_singular( 'portfolio' ) ) {
			$type = "VisualArtwork";
		} else {
			if ( is_author() ) {
				$type = 'ProfilePage';
			} // Is search results page
			elseif ( is_search() ) {
				$type = 'SearchResultsPage';
			} else {
				$type = 'WebPage';
			}
		}

		$type = apply_filters( 'kleo_schema_org_type', $type );

		return 'itemscope itemtype="' . $schema . $type . '"';
	}

}

Will add your desired markup to the body class,

If you want to add another schema depends by pages just use this condition(about-us, contact and management represents the pages slug)

COPY CODE

if( is_page( array( 'about-us', 'contact', 'management' ) ) {
$type = "VisualArtwork";

}

This will be added next to

COPY CODE

elseif ( is_singular( 'portfolio' ) ) {
			$type = "VisualArtwork";
		}

the function will be added to wp-content/themes/kleo-child/functions.php

Cheers
R.

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

[Radu]

Not marked as solution

[Radu]

Hi,

1. Go to wp-admin -> theme options -> fonts -> h6, select your desired font size for the menu.
Then add this CSS to wp-admin -> theme options -> general settings -> quick css and instead the monospace put your font family.

COPY CODE

.navbar-nav > li > a {
    font-family: "monospace";
}

To can render shortcodes in footer just go to wp-admin -> theme options -> footer text, it supports shortcodes

Cheers
R.

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

[Radu]

Hi,

Put the value back to default (88) and add this code to wp-admin -> general settings -> quick css

COPY CODE

@media(min-width:991px) {
    .kleo-main-header:not(.header-left):not(.header-centered) .navbar-collapse > ul > li > a { line-height:300px !important; }
}

Cheers
R.

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

[Radu]

Hi,

Add this css to wp-admin -> theme options -> quick css

COPY CODE

.pagination.pag-type-1 li a {
    border: 0.09em solid #bdbdbd !important; 
    color: #bdbdbd !important;
    transform: scale(1.3, 1.3);
}

Cheers
R.

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

[Radu]

Not marked as solution

[Radu]

Hi,

COPY CODE

div#ajax_search_container {
    background: #0025db !important;
}

div#ajax_search_container input {background:#fff;color:#333;}

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

[Radu]

Regarding to this

COPY CODE

But there are other problems.

Information is displayed:
City, marital status, etc.
Age alone appears.
Neither the entry shown.
In other words, nothing like the Demo.

What are you talking about ? provide some screenshots to can see about are you talking

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

[Author]

Posts