Forum Replies Created
-
Author
-
Radu
ModeratorHi,
For the scrolling in the menu for many items under mobile view add this css and let me know if you are able to scroll now
COPY CODE@media (max-width: 991px) { #header .navbar-nav { overflow: auto !important; } .kleo-main-header.header-normal>.container .primary-menu, .kleo-main-header.header-normal>.container .secondary-menu { overflow:auto !important; } }
the header can be hidden under mobile view using this css
COPY CODE@media(max-width:768px) { .kleo-main-header.header-normal { display: none; } }
The css will be added to wp-admin -> theme options -> General settings -> Quick CSS
Let me know
Cheers
RHi 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
The css will be added to wp-admin -> theme options -> General settings -> Quick CSS
COPY CODE[class^="icon-"]:before, [class*=" icon-"]:before { font-family: "fontello" !important; }
Of the the plugins change the font family css rule for al I’s elements
Cheers
RHi 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 at the and of any css file
COPY CODE.burger-modal-styles:not(body) { overflow:visible; } .burger-modal-styles.search-visible.modal-is-visible { min-height: 100% !important; height: auto !important; }
Let me know if that continue to happens.
Cheers
RHi 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
COPY CODE@media(max-width:768px) { .submit .seven.offset-by-five.columns { display: inline-block; width: 100% !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,
Adding this code to functions.php will allow you to add any element to tinymce
COPY CODEfunction override_mce_options($initArray) { $opts = '*[*]'; $initArray['valid_elements'] = $opts; $initArray['extended_valid_elements'] = $opts; return $initArray; } add_filter('tiny_mce_before_init', 'override_mce_options');
The function will have to be added in wp-content/themes/kleo-child/functions.php
Let me know
Cheers
RHi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRadu
ModeratorHi,
Add this php code it needs to be pasted in wp-content/themes/kleo-child/functions.php
PHP:
COPY CODEadd_action('kleo_before_main', 'sq7rdu_show_featured_before_content'); function sq7rdu_show_featured_before_content() { if (is_single()) { if (has_post_thumbnail()) { echo '<div class="fullwidth-image-before-content">'; echo the_post_thumbnail('full'); echo '</div>'; } } }
CSS code:
COPY CODE.fullwidth-image-before-content, .fullwidth-image-before-content img { text-align: center; }
The css will be added to wp-admin -> theme options -> General settings -> Quick CSS or in child theme style.css
NOTE: Child theme needs to be installed and activated.
It should add the image before all, if still have issues let me know the wp-admin credentials and FTP.
Note : doing that it may need to de-activte this option : wp-admin -> theme options -> blog -> Display media on post page* -> off
Let me know
Cheers
RHi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRadu
ModeratorHi,
It looks ok on iphone 6 in safari
On the listing page i saw that bag in safari please add this css and let me know if it’s ok now.
COPY CODE.burger-modal-styles:not(body) { overflow:visible; } .burger-modal-styles.search-visible.modal-is-visible { min-height: 100% !important; height: auto !important; }
add that css into css file like this one
http://test.visitjablanica.com/assets/less/loader/css/main.css
Cheers
RHi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRadu
ModeratorHi,
You can do it with css
IT will hide those only on homepage
COPY CODE.home .login-buttons { display: none; }
If you want to hide it in homepage and in contact just add the next.
COPY CODE.home .login-buttons, .contact .login-buttons { display: none; }
contact and home represents the page slugs
The css will be added to wp-admin -> theme options -> styling options -> Quick CSS
Cheers
RHi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRadu
ModeratorHi,
1. Just install this plugin and set the any menu item by the user login logout : https://wordpress.org/plugins/if-menu/
2. There is no option to add custom link for media grid, you can use image gallery
3.
COPY CODE.header-color .top-menu li > a, .header-color #top-social li a { color:red; font-size:15px; } .header-color .top-menu li > a:hover, .header-color #top-social li a:hover {color:green !important;}
CSs will be added to wp-admin -> theme options -> quick css
4. You can add this css rule
COPY CODE.vc-hoverbox-block-inner.vc-hoverbox-front-inner { background: rgba(0, 0, 0, 0.5); }
And you can set font color white
will look like
5. Wp-admin -> theme options -> woocommerce -> Manage account in Buddypress* -> yes
6, You can search for a plugin that do that.
Cheers
RHi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRadu
ModeratorHi
It’s ok now it points to that ip.Tried to edit a post and it works and the blog title looks ok not a link
are you referring to the register buttons ? or which ones ?
If yes add this css to wp-admin -> theme options -> styling options -> quick css
COPY CODE.pmpro_content_message a { background: red !important; border: 0 !important; }
Cheers
RHi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRadu
ModeratorHi,
I see that… yes the menu items detects same page for every items… so a trick can be to de-activate the active border with this css
COPY CODE.kleo-main-header .nav > li.active > a { box-shadow: none !important; }
Applied only for homepage.
COPY CODE.home .kleo-main-header .nav > li.active > a { box-shadow: none !important; }
The css will be added to wp-admin -> theme options -> General settings -> Quick CSS
Cheers
RHi 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 it should arrange it nicely, not sure how it was before
COPY CODE.sidebar form.woocommerce-product-search button[type=submit] { position: absolute; right: -1px; top: -1px; padding: 0px 15px; border-radius: 14px; border-color:#b5b5b5 !important; } .sidebar form.woocommerce-product-search { height: 32px !important; }
With that it will look like
Cheers
RHi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRadu
ModeratorHi,
Just add this css
COPY CODE.edit #buddypress .quicktags-toolbar { display: none; } .edit #buddypress .wp-editor-tools { display: none; }
Cheers
RHi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRadu
ModeratorHi,
Replace that snippet with this one…COPY CODE//members page fields add_action('after_setup_theme','kleo_my_member_data'); function kleo_my_member_data() { global $kleo_config; //this is the details field, right now it take the "About me" field content $kleo_config['bp_members_details_field'] = 'About me'; //this display the fields under the name, eq: 36 / Woman / Divorced / Berlin. Modify with the names of the fields you want to appear there $kleo_config['bp_members_loop_meta'] = array( 'I am a', 'Marital status', 'City' ); }
It works i’ve tested
Cheers
RHi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRadu
ModeratorHi,
I’ve added for you those css rules in wp-admin -> theme options -> styling options -> quick css it’s full width right now
COPY CODE.register aside.four.columns { display: none; } .register div#main-content { width: 100%; }
Cheers
RHi there!!! Help others from the community and mark any reply as solution if it solved your question. Ticket solutionRadu
ModeratorHi,
Using paid memberships pro you can use the next shortcodes
COPY CODE[membership level="1"] Will only show up for level 1 users [/membership] [membership level="0,-1"] Show for anyone not in level 1, including non-members and visitors. [/membership] [membership level="1,2,3"] Only show for level 1, 2, or 3 users [/membership]
Cheers
RHi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRadu
ModeratorHi,
You can do it with a css like this
COPY CODE@media(max-width:768px) { #profile #item-header-avatar .avatar { max-width:200px; } }
You can add it to wp-admin -> theme options -> styling options -> quick css
Cheers
RHi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRadu
ModeratorHi,
It works for me
i just have pasted that snippet into child then i’ve created two fields location and specialization to test..
Make sure to have identically the field names in the code and in the wp admin -> user -> profile fields.
COPY CODEfunction sq7_extra_fields_members_directory() { $location = bp_get_member_profile_data('field=Location'); $specialization = bp_get_member_profile_data('field=Specialization'); if ($specialization || $location) { echo '<div class="mdetcenter">'. 'Location : ' . $location . '</div>'; echo '<div class="mdetcenter">'. 'Specialization : ' . $specialization . '</div>'; } } add_action('bp_directory_members_item', 'sq7_extra_fields_members_directory');
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,
OK,Move that line into child theme in functions.php if still not works try with this snippet
COPY CODEfunction buddydev_set_default_component () { if ( bp_is_my_profile() ) { define ( 'BP_DEFAULT_COMPONENT', 'activity' ); } else { define ( 'BP_DEFAULT_COMPONENT', 'profile' ); } } add_action( 'bp_core_setup_globals', 'buddydev_set_default_component' );
If still have issues move back the code to wp-config.php or bp-custom.php and switch to a default theme see if it works if not it means that comes from buddypress
Cheers
RHi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRadu
ModeratorHi,
Make sure you the child theme installed and activated then via FTP go to wp-content/themes/kleo-child/ create a folder named page-parts/ in that you will create a file named general-header-section.php in that you will paste this content : https://pastebin.com/raw/8YQff0bh
the file path in child should be : wp-content/themes/kleo-child/page-parts/general-header-section.php
Then add also this css in wp-content/themes/kleo-child/style.css
COPY CODEstrong.logo small {vertical-align: text-bottom;line-height: 12px !important;font-size: 12px !important;padding: 0 !important;margin: 0 !important;height: 100%;}
Adapt the font size and the rest css rules as you need
Cheers
RHi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionMarch 26, 2018 at 19:35 in reply to: How to remove search and shopping cart icons from default template #193098Radu
ModeratorHi,
Use this css
li#nav-menu-item-search { display: none; } li.menu-item.kleo-toggle-menu.shop-drop { display: none; }
The CSS will be added to wp-admin -> theme options -> general settings -> quick CSS Will remove sidewide 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,
The reason for not working it’s the lack of the style.css heading how i’ve told you in previous reply.
In other words your file content should look like this
COPY CODE/* Theme Name: Kleo Child Theme URI: Description: Child theme for Kleo Author: SeventhQueen Author URI: http://seventhqueen.com Template: kleo Tags: one-column, two-columns, right-sidebar, fluid-layout, custom-menu, featured-images, post-formats, sticky-post, translation-ready License: GNU General Public License License URI: license.txt */ /* * Please add your custom styles below */ .post-info { font-family: abel !important; }
More or additional fonts standalone ( on your server font files) you can add using this method : https://archived.seventhqueen.com/forums/topic/how-can-register-japanese-font
Cheers
R.Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRadu
ModeratorYour style.css file isn’t standard
Any style.css file from a child hteme should have those kind of headers
COPY CODE/* Theme Name: Kleo Child Theme URI: Description: Child theme for Kleo Author: SeventhQueen Author URI: http://seventhqueen.com Template: kleo Tags: one-column, two-columns, right-sidebar, fluid-layout, custom-menu, featured-images, post-formats, sticky-post, translation-ready License: GNU General Public License License URI: license.txt */ /* * Please add your custom styles below */ .my-class {padding:0;}
So your style.css doesn’t have those
So just add those before your css rules
Cheers
RHi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRadu
ModeratorHi
Just add
COPY CODE.post-info { font-family: abel !important; }
Or only for homepage add
COPY CODE.home .post-info { font-family: abel !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,
Not sure why.. wired but just add this css in wp-admin -> theme options -> quick css
COPY CODE@media(max-width:991px) { #register-page form.standard-form h4.reg_groups_title { display: inline; } #register-page form.standard-form #registration-groups-section { display: inline-block; } }
Cheers
RHi there!!! Help others from the community and mark any reply as solution if it solved your question. Ticket solutionRadu
ModeratorHi,
They are using a similar image size for img source
Anyway you can try this css.
COPY CODE.my-profile div#avatar-crop-pane { zoom: 0.4; }
You can tip me here if you want : https://paypal.me/radusq
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,
Just use this css
It works
.activity h1.page-title { 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,
try instead with those css’s
COPY CODE.kleo-login-wrap .login-form-wrapper button.login-button, .kleo-login-wrap .login-form-wrapper input[type=submit].login-button { background-color:green; } .kleo-login-wrap .login-form-wrapper .login-input-wrapper .login-label:before, .kleo-login-wrap .login-form-wrapper .login-input-wrapper .login-label:after,.kleo-login-wrap .login-form-wrapper .login-input-wrapper .login-label:before, .kleo-login-wrap .login-form-wrapper .login-input-wrapper .login-label:before { border-color:yellow; }
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 -
AuthorPosts