Radu

[Radu]

Hi,

Follow this topic : https://archived.seventhqueen.com/forums/topic/cpt/#post-133400

There you will have to add the code to child theme after you replace with your post type slug.

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 this css

COPY CODE

@media(max-width:768px) {

    #profile div#item-buttons {
        text-align: center;
        margin: 0 auto !important;
        display: inline-block;
    }

    #profile .two.columns.pull-two {
        text-align: center;
    }

    #profile div#item-buttons * {
        min-width:220px !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]

Where to have that ? what page ?

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

[Radu]

Hi,
What to happens ?!
The current version has only few php 7 notices nothing so significant for releasing update only with those small fixes.
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,

See the next screenshot

there are the rules that handles that, you will have to change those from
break-all !important to break-word !important and it will look like this

The link has to many characters and it will be on two lines anyway

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,

No quick solution to change the breakpoint there are to many dependencies in app.css file, it’s not enough to change from a single place.

You will have to search in app.css and app.less where 991px appears and to change with your desired value and to change that.

You can edit directly the app.css file by removing what you don’t need then make a copy and save it in chid theme in this path /wp-content/thems/kleo-child/assets/css/app.css

COPY CODE

function sq7r_app_css_child() {
    wp_deregister_style( 'kleo-app' );
    wp_dequeue_style( 'kleo-app' );
    wp_enqueue_style('kleo-app', get_stylesheet_directory_uri() . '/assets/css/app.css');
}
add_action('wp_enqueue_scripts', 'sq7r_app_css_child', 999);

The function needs to be pasted in wp-content/themes/kleo-child/functions.php

NOTE : Child theme needs to be installed and activated.

Now the app.css file will be pulled from the chid theme.

The less files aren’t generated on every change they are additional so it’s sufficient to make the changes in the css file

Make sure to enable development mode On from wp-admin -> theme options -> miscellaneous.

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]

Just de-activate that plugin that you had installed ultimate faq

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]

Not marked as solution

[Radu]

Hi,

Do it as you need to the resolution interval

I will add below some breakpoints css rules

COPY CODE

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/* Styles */
}
/**********
iPad 3
**********/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}
/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen  and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

/* iPhone 5 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* iPhone 6 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* iPhone 6+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* Samsung Galaxy S3 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* Samsung Galaxy S4 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

/* Samsung Galaxy S5 ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

And inside your desired rules

.container {
max-width: 1280px !important;
}

The container limit the page width so you can control from there.

After you add the desired css rule to the resolutions that you need add it to wp-admin -> theme options -> 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]

Not marked as solution

[Radu]

Not marked as solution

[Radu]

Not marked as solution

[Radu]

Hi,

Just add this css

COPY CODE

.absolute-head #header {
    background: #e65f81;
}

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, Just let me know if you have the same crop issues using parent theme instead of child. If it's the same let me know if you have the same crop issues using wordpress default theme. ---- PS : The issue i think it comes from jetpack plugin, try to deactivate it then check again. Cheers R

[Radu]

Hi, I don't know a similar one you will have to search there for similar one. https://wordpress.org/plugins/ Not know a certain one. Cheers R

[Radu]

Hi,

While causes the problem check in console to see what error ocurrs and from what plugin they come

Cheers

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

[Radu]

Hi,

Q1.

Use this code

COPY CODE

add_action( 'wp_footer', 'wpse_262301_wp_footer', 11 );
function wpse_262301_wp_footer() { 
	wp_register_script( 'jquery-tweet');
}

If not works change 11 priority to 10 and still not works set 999

Q2.

If you will have only that icon you can screenshot the icon then crop it, upload it to your server, then use this css and replace the img path with new ones.

COPY CODE

#btnGoUp {
    background: transparent url("../images/up_page.png") no-repeat left top !important;
}

The css will be added in wp-admin -> theme options -> styling options -> 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]

Not marked as solution

[Radu]

Hi,

Add this css

The css will be added to wp-admin -> theme options -> styling options -> Quick CSS

COPY CODE

@media(max-width:768px) {
    div#item-header-avatar {
    text-align: center;
    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]

Hi,

there it’s a conflict with the theme js, as a workaround use an accordion from elementor plugin

So practically it’s generate a similar thing an accordion that expand at click showing the information.

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,

For the carousel there it should a new member registered, you can create a dummy profile and there will be populated with 3 profiles in carousel and it will looks ok.

COPY CODE

.form-search input[type="password"] {
    min-width: 90px;
}

.form-search .one.mobile-one.columns {
    display: none !important;
}

.form-search .three.mobile-one.columns {
    padding-right: 0 !important;
}
.form-search .three.mobile-one.columns:nth-child(4) {
    padding-left: 0px !important;
    margin:0 !important;
}

For the pass fields use this css

The css will be added to wp-admin -> theme options -> styling options -> 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,

The link it’s wrapped into block.

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]

Not marked as solution

[Radu]

Hi Replace this file content : wp-content/themes/kleo/woocommerce/single-product/product-thumbnails.php with this one : https://pastebin.com/raw/Hgw9z8xH It should be ok Let me know Cheers R

[Radu]

Not marked as solution

[Radu]

Not marked as solution

[Radu]

Not marked as solution

[Radu]

Not marked as solution

[Radu]

Not marked as solution

[Radu]

Not marked as solution

[Radu]

No problem
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,

Can you please link again the places where the groups and forum profile please ?

from example here : http://peacefulparent.staging.wpengine.com/member-listing/peacefulparent/groups/ i cannot see any groups. it seems that there i should have a membership or something.
Cheers

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

[Author]

Posts