wd-pf-button

Hello, sorry the topic has been closed : https://xtemos.com/forums/topic/wd-pf-btn/

it seems it did not work on mobile : please check on mobile on front page url attached

Attachments:

You must be logged in to view attached files.

Hello,

Please try to replace those code with this one:

body.single-post .wd-pf-btn{
min-width:100%;
}
body.single-post .wd-pf-btn button{
display:block;
min-width:100%;
}

Best Regards

its excatly the same

i mean you just gave me back the exact same code we used yesterday

Hello,

Sorry, please try this:

body .wd-pf-btn{
min-width:100%;
}
body .wd-pf-btn button{
display:block;
min-width:100%;
}

Best Regards

thanks Elise you rock !!! amazing

oups, one more time i answered too fast, please look the attached file, it kills the design of the front page

it should be on one line on desktop on front page

Attachments:

You must be logged in to view attached files.

here also it killed the design

Attachments:

You must be logged in to view attached files.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

This one is for a single post:

body.single-post .wd-pf-btn{
min-width:100%;
}
body.single-post .wd-pf-btn button{
display:block;
min-width:100%;
}

This is for the blog page:

body.blog .wd-pf-btn{
min-width:100%;
}
body.blog .wd-pf-btn button{
display:block;
min-width:100%;
}

And please remove this one:

body .wd-pf-btn{
min-width:100%;
}
body .wd-pf-btn button{
display:block;
min-width:100%;
}

Best Regards

almost there ! it worked for the single post, but not completely on the homepage, please scroll down because we have two, the second one is in a row and did not work

Attachments:

You must be logged in to view attached files.

Hello,

Please find and delete this code:

body .wd-pf-btn{
min-width:100%;
}
body .wd-pf-btn button{
display:block;
min-width:100%;
}

And add this code to the Theme Settings > Custom CSS > Tablet, mobile, landscape:

body.home .wd-product-filters {
    flex-direction: column;
}
body.home .wd-product-filters div{
    flex: 1 1 100%;
    width: 100%;
}
body.home .wd-pf-btn button{
display:block;
min-width:100%;
}

Best Regards

no sorry it doesnt work, it put every field in one line, we just want the button to be 100% width, but evey solution kills the design

Hello,

Please insert the credentials into the Private content below the message area.

Best Regards

Hello,

Please check now.

Best Regards

Same thing Elise 🙁

Attachments:

You must be logged in to view attached files.

[EDEN]

also on articles pages it was full width and is jnot anymore now

• This reply was modified 2 years, 3 months ago by EDEN.

Attachments:

You must be logged in to view attached files.

Hello,

Please delete all the custom CSS provided above and add this one:

.wd-pf-btn {
	flex-grow: 1;
	flex-basis: 200px;
}
.wd-pf-btn button {
	width: 100%;
	max-height: 42px;
}
.sidebar-container .wd-pf-btn button {
	max-height: none !important;
}

Please add this code to the Theme Settings > Custom CSS > Global.

Best Regards

heeeeeeeeeeeeeeeeeeey it works !!!!!!!!!!!!!!!!! amazing thanks !

please dont forget this one 😀 have a great day

https://xtemos.com/forums/topic/array-problem-weird/

You are welcome! We are here to help.

Wish you a wonderful day!

[Author]

Posts