Forum Replies Created
-
Author
-
Radu
ModeratorReplace the CSS wit this
COPY CODE.article-media img { width: auto !important; margin: 0 auto !important; display: block; }
Cheers
RHi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRadu
ModeratorHi,
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 solutionRadu
ModeratorHi,
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 solutionRadu
ModeratorHI,
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 solutionRadu
ModeratorHi, 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 solutionRadu
ModeratorHi,
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 solutionNovember 21, 2016 at 19:18 in reply to: menu font size reduced…overflows browswer bc of long menu… #144933Radu
ModeratorNot marked as solutionRadu
ModeratorHi,
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 solutionRadu
ModeratorPlease add this css to wp-admin -> theme options -> quick css
COPY CODEul.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 solutionNovember 21, 2016 at 18:07 in reply to: center logo in header space (more padding above) and extend top menu further left #144903Radu
ModeratorNot marked as solutionRadu
ModeratorHi,
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 CODEfunction 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 solutionRadu
ModeratorHi,
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 solutionRadu
ModeratorHi,
Add this css to wp-admin -> theme options -> general settings -> quick css
COPY CODEdiv#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 solutionRadu
ModeratorHi,
Replace the snippet from @laura with this one
COPY CODEkleo_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 solutionNovember 16, 2016 at 21:15 in reply to: How to make Font size of page tabs larger and bolder on Home Page #144456Radu
ModeratorHi,
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 solutionRadu
ModeratorHi,
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 solutionRadu
ModeratorHi
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 solutionRadu
ModeratorIn 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 solutionNovember 11, 2016 at 17:56 in reply to: Don’t show “Clients Archive” and “Member” pages on search engines #143932Radu
ModeratorHi,
Using robots.txt file and method you can reject the search engines for certain pages with this example code
COPY CODEUser-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 solutionRadu
ModeratorHi,
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 solutionRadu
ModeratorHi @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 solutionRadu
ModeratorHi,
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 CODEif( is_page( array( 'about-us', 'contact', 'management' ) ) { $type = "VisualArtwork"; }
This will be added next to
COPY CODEelseif ( 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 solutionRadu
ModeratorHi,
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 solutionRadu
ModeratorHi,
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 solutionNovember 7, 2016 at 20:28 in reply to: change the way the search pagination display their buttons #143191Radu
ModeratorHi,
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 solutionRadu
ModeratorHi,
COPY CODEdiv#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 solutionRadu
ModeratorRegarding to this
COPY CODEBut 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 -
AuthorPosts