Search Results for 'widget '

[Ben Andersen]

Ben Andersen

#264953

I solved this by using the widget area item and added a html widget to it. But I think you should look into why your html item does not work the same as a html widget.

Take care,

Ben

[taylor.reaume]

taylor.reaume

#264899

I need help with understanding how to do basic styling with Kadence Blocks Pro Form.

For example,

1. I need the following added in the middle of a page:

Name, Email, Phone, Button, all on one line.

2. I need the following added in the middle of a page:

Name, Email, Phone, Button, stacked and centered all to be same width.

3. I need the following added in the middle of a page:

Name, Email, on one line
Phone, Zip Code, on 2nd line
Message Box same width under those,
Button same width of message box.

4. I need the following added in a widget sidebar

Name, Email, on one line
Phone, Zip Code, on 2nd line
Message Box same width under those,
Button same width of message box.

There is not a single video or documentation page online? :/

• This topic was modified 5 years ago by taylor.reaume.

[taylor.reaume]

taylor.reaume

#264899

I need help with understanding how to do basic styling with Kadence Blocks Pro Form.

For example,

1. I need the following added in the middle of a page:

Name, Email, Phone, Button, all on one line.

2. I need the following added in the middle of a page:

Name, Email, Phone, Button, stacked and centered all to be same width.

3. I need the following added in the middle of a page:

Name, Email, on one line
Phone, Zip Code, on 2nd line
Message Box same width under those,
Button same width of message box.

4. I need the following added in a widget sidebar

Name, Email, on one line
Phone, Zip Code, on 2nd line
Message Box same width under those,
Button same width of message box.

There is not a single video or documentation page online? :/

• This topic was modified 5 years ago by taylor.reaume.

[Pamela]

Pamela

#264831

This reply has been marked as private.

[Hannah]

Hannah

#264802

Hi Pamela,
I’m not seeing widgets in your footer columns 2, 3, and 4 from Appearance > Widgets. Are they showing for you in the backend? Have you cleared your cache?

Kindly,
Hannah

[Ben Andersen]

Ben Andersen

#264768

This reply has been marked as private.

[Ben Andersen]

Ben Andersen

#264766

Hi!

How can I add icons in a html header module? When I try it’s just stripped out and not displayed.
It works in widgets though when I insert the same icon, see below.

<svg style="display: inline-block; vertical-align: middle;" viewbox="0 0 512 512" height="14" width="14" fill="currentColor" xmlns="*Login to see link d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg>

Is there some easier way to insert icons or am I doing the correct way in widgets?

Thanks!
Ben

• This topic was modified 5 years, 1 month ago by Ben Andersen. Reason: corrected viewBox, the widget parser complains if it's viewBox and not viewbox. Maybe something that should be changed in the infobox block where I copied it from?

[Ben Andersen]

Ben Andersen

#264766

Hi!

How can I add icons in a html header module? When I try it’s just stripped out and not displayed.
It works in widgets though when I insert the same icon, see below.

<svg style="display: inline-block; vertical-align: middle;" viewbox="0 0 512 512" height="14" width="14" fill="currentColor" xmlns="*Login to see link d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg>

Is there some easier way to insert icons or am I doing the correct way in widgets?

Thanks!
Ben

• This topic was modified 5 years, 1 month ago by Ben Andersen. Reason: corrected viewBox, the widget parser complains if it's viewBox and not viewbox. Maybe something that should be changed in the infobox block where I copied it from?

[Hannah]

Hannah

#264762

Hi Dave,
Apologies for the delay! Can you post a link so I can see how you currently have things set up?
Kadence does have a widget dock plugin. See here: https://www.kadencewp.com/product/kadence-widget-dock/

Kindly,
Hannah

[Catherine]

Catherine

#264742

Hello, what code is used to edit collapsed panels?

This code works for “not collapsed” panels
.kadence_tabs_content_widget .panel-heading .accordion-toggle:not(.collapsed) h5 {
color: black;
}

But, I am wanting to change the color of collapsed panels.

Thank you,
Catherine

[Harry]

Harry

#264725

This reply has been marked as private.

[Andisen]

Andisen

#264721

This reply has been marked as private.

[FRANK]

FRANK

#264712

Hey! My site is *Login to see link . On the home page I just added the video widget using youtube link, but there’s a white space between that video and the next row below it “Step-by-step tutorial HOW TO RESTORE YELLOW SOLES”. How can I eliminate the white space?

[FRANK]

FRANK

#264712

Hey! My site is *Login to see link . On the home page I just added the video widget using youtube link, but there’s a white space between that video and the next row below it “Step-by-step tutorial HOW TO RESTORE YELLOW SOLES”. How can I eliminate the white space?

[pdyoko]

pdyoko

#264708

Hi, All,

In short, using 3-column footer. Placing widget in each column. They are not loading in the column designated. Weird. I have checked everything. Never had this problem.

Any suggestions?
Sending login.

Thank you,
Pamela

• This topic was modified 5 years, 1 month ago by pdyoko.

[pdyoko]

pdyoko

#264708

Hi, All,

In short, using 3-column footer. Placing widget in each column. They are not loading in the column designated. Weird. I have checked everything. Never had this problem.

Any suggestions?
Sending login.

Thank you,
Pamela

• This topic was modified 5 years, 1 month ago by pdyoko.

[Ben Ritner]

Ben Ritner

#264690

HI,
I don’t suggest you do this. A section within the HTML should have an h2 title. Google search can distinguish between the content and your aside areas like the sidebar or footer.

However, you can control this however you want: https://kadence-theme.com/knowledge-base/advanced/changing-various-heading-html-tags/

View the widget title heading area.

Ben

[Mike]

Mike

#264689

Of course that worked perfectly…thank you.

Talk about not being able to see the forest for the trees. If I had stepped back about 6″ from this I would’ve figured that out. I frequently use the widget CSS attributes to display and suppress rows on mobile. Wow…just wow.

Thanks again!

[Hannah]

Hannah

#264664

Hey Mike,
Sorry for the delay! Hope you enjoyed your weekend.
That CSS looks good! You could also use the following css to remove more space:

#containerfooter .widget_black-studio-tinymce p {
    margin-bottom: 10px;
}

Best,
Hannah

[Daniel Walenski]

Daniel Walenski

#264641

example page: *Login to see link
As you can see on this page I have used the built in radius setting for the main text area (20). But to my knowledge there is no option to set radius for the Widget Sidebar Area.
Is there a way in Kadence settings to change the radius of the Widget sidebar area without creating CSS script?

Also attached image in case the test page is deleted.

Thanks,
Dan

• This topic was modified 5 years, 1 month ago by Daniel Walenski.

[Daniel Walenski]

Daniel Walenski

#264641

example page: *Login to see link
As you can see on this page I have used the built in radius setting for the main text area (20). But to my knowledge there is no option to set radius for the Widget Sidebar Area.
Is there a way in Kadence settings to change the radius of the Widget sidebar area without creating CSS script?

Also attached image in case the test page is deleted.

Thanks,
Dan

• This topic was modified 5 years, 1 month ago by Daniel Walenski.

[Harry]

Harry

#264618

This reply has been marked as private.

[Hannah]

Hannah

#264611

Hi Harry,
Thanks for reaching out! Though I’m sorry to hear this. Is your video showing on the front end? Are you able to post a link? Have you tried using the Video widget?

Kindly,
Hannah

[Mike]

Mike

#264605

I’ve added Layout Builders to my 2 footer widget cells on THIS SITE because I want a different offset on the full format screen vs. mobile and I noticed I can’t tweak the layout settings when I add the Visual Editors directly to the footer cells. Problem is, this creates an abnormal amount of space beneath the footer widgets even though I’ve specified 0 on all of the row and widget parameters for bottom padding and margins. I even added this code to my Custom CSS box:

@media (min-width: 992px){
#containerfooter {
padding-top: 10px;
padding-bottom: 0px;
margin-bottom: 0;
}
}

This worked beautifully for my top spacing, but it didn’t get rid of the bottom padding/margin. Any suggestions? Thanks so much!

[Mike]

Mike

#264605

I’ve added Layout Builders to my 2 footer widget cells on THIS SITE because I want a different offset on the full format screen vs. mobile and I noticed I can’t tweak the layout settings when I add the Visual Editors directly to the footer cells. Problem is, this creates an abnormal amount of space beneath the footer widgets even though I’ve specified 0 on all of the row and widget parameters for bottom padding and margins. I even added this code to my Custom CSS box:

@media (min-width: 992px){
#containerfooter {
padding-top: 10px;
padding-bottom: 0px;
margin-bottom: 0;
}
}

This worked beautifully for my top spacing, but it didn’t get rid of the bottom padding/margin. Any suggestions? Thanks so much!

[Stephen]

Stephen

#264585

This reply has been marked as private.