Search Results for 'widget '

[pdyoko]

pdyoko

#246493

Hannah, I need your brain to tweak this.

.kad-topbar-flex-item.kad-topbar-widget-area.kad-topbar-item-right, .kt-topbar-right {
width: 100%;
}
div#widget_kadence_social-3 {
float: left;
}
.kt-topbar-right .widget-inner {
float: right;
}

QUESTIONS & CLARIFICATIONS:

1) The Custom CSS overwrites the theme program. Correct? So the Topbar Settings in Theme Options are irrelevant. Correct?
2) My Topbar Widget contains two widgets….Ascend Social Links and Text.

I’ve played around this the code above and can’t seem to get it to work like I want. (Guuurrrh)

The topbar is going to have a quote on the left (justified) and the social linkes and search icon on the right (justified) ….nothing in the center, because the quote will span around the center of topbar.

Hope that makes sense.
Your thoughts?

Thank you,
Pam

[Hannah]

Hannah

#246476

Sorry, had to jump off the forums yesterday.
Try removing this from your css:

.kt-topbar-right .widget-inner {
float: left;
}

Then add my css from above again:

.kt-topbar-right .widget-inner {
    float: right;
    margin-right: 20px;
}

Let me know how that works!

Hannah

[pdyoko]

pdyoko

#246456

Hope, does work. In fact, I tried that before. It places the widget text right beneath the social media icons.

We need the test to justify left and social media justify right.

Thank you,
Pam

[Hannah]

Hannah

#246453

Try adding this to your css:

.kt-topbar-right .widget-inner {
    float: right;
    margin-right: 20px;
}

Hannah

[Hannah]

Hannah

#246449

It looks like you haven’t added anything to your header widget area from Appearance > Widgets. Have you tried doing that?

Hannah

[pdyoko]

pdyoko

#246445

Yes, I just did. <laugh>

I’m playing with Custom CSS now. Nothing is working. Hold that thought and I will post Custom CSS.

UPDATE: Resolved …you have to check Header Widget in Theme Options> Header Settings> Header Extras> check which widget you are using. BINGO! Works…but see question below.

• This reply was modified 6 years, 1 month ago by pdyoko. Reason: Found answer

[Hannah]

Hannah

#246444

Have you tried using the first widget area?

Hannah

[pdyoko]

pdyoko

#246443

Thank you, Hannah. Works but the widget is not visible. I’m using Second Header Widget.

Pam

[Hannah]

Hannah

#246441

Hey Pam,
That person is using the first header style from Theme Options > Header Settings. The menu is enabled from Appearance > Menus. And then a social icons widget is added through the extras widget area. Then you can set “Enable Sticky Parts of Header?” to “Yes – Only Main Header”.
Is that helpful?

Hannah

[bjorn.granberg]

bjorn.granberg

#246420

Hi, I am new to Kadence – two days hehe 🙂

So I here is my question: I changed the header fonts and the “body font” in the theme settings to make them larger than the default. Headers work fine but the body font cascades to the paragraphs. However there are a lot of fonts that now are too tiny in comparison – see screenshot.

So I tried to paste this CSS in (advanced settings – no child theme):
html { font-size: 100% !important; }
body {
font-size: 1.25em !important;
line-height: 1.2!important;
}

But it doesnt solve the problem.

I am looking for a solution to increase the font size over the whole site. It’s very tedious to go through page by page and function by function..

The below CSS took me 20+ minutes and its just the blog and a couple of widgets in the footer.

.author-profile.vcard .author-follow span.followtext,
.subhead span.postedintop,
.subhead span.postedintop a,
.subhead span.postcommentscount a {
font-size: 16px;
}
.postmeta .postdate {
font-size: .75em;
}
input#submit.submit {
font-size: 1em !important;
}
form#commentform.comment-form p.comment-form-comment label {
font-size: 1.25em;
}
.kad-testimonial-carousel .testimonialbox {
font-size: 1em;
}
.testimonialbottom p {
font-size: .8em;
}
.footercredits p {
font-size: .85em !important;
}

Thank you!!
Björn Granberg

[bjorn.granberg]

bjorn.granberg

#246420

Hi, I am new to Kadence – two days hehe 🙂

So I here is my question: I changed the header fonts and the “body font” in the theme settings to make them larger than the default. Headers work fine but the body font cascades to the paragraphs. However there are a lot of fonts that now are too tiny in comparison – see screenshot.

So I tried to paste this CSS in (advanced settings – no child theme):
html { font-size: 100% !important; }
body {
font-size: 1.25em !important;
line-height: 1.2!important;
}

But it doesnt solve the problem.

I am looking for a solution to increase the font size over the whole site. It’s very tedious to go through page by page and function by function..

The below CSS took me 20+ minutes and its just the blog and a couple of widgets in the footer.

.author-profile.vcard .author-follow span.followtext,
.subhead span.postedintop,
.subhead span.postedintop a,
.subhead span.postcommentscount a {
font-size: 16px;
}
.postmeta .postdate {
font-size: .75em;
}
input#submit.submit {
font-size: 1em !important;
}
form#commentform.comment-form p.comment-form-comment label {
font-size: 1.25em;
}
.kad-testimonial-carousel .testimonialbox {
font-size: 1em;
}
.testimonialbottom p {
font-size: .8em;
}
.footercredits p {
font-size: .85em !important;
}

Thank you!!
Björn Granberg

[JR]

JR

#246410

HI Ben,

Thanks for your help. I am looking to have the widget area (the 800#) in the center of the topbar.

[JR]

JR

#246387

Hi,

Always thank full for these forums and help. I have tried the following in the Theme options–>advance setting using the style css to no avail:

(virtue theme)

.col-md-6.col-sm-6.kad-topbar-center {
width: 100%;
}

&

.kad-topbar-widget {
display: flex;
align: center;
}

But I cant seem to find how to truly adjust the topbar. Here is the link to the landing page I am working on. (note no ssl yet, will get a warning)

http://www.bigbensmoving.us

[JR]

JR

#246387

Hi,

Always thank full for these forums and help. I have tried the following in the Theme options–>advance setting using the style css to no avail:

(virtue theme)

.col-md-6.col-sm-6.kad-topbar-center {
width: 100%;
}

&

.kad-topbar-widget {
display: flex;
align: center;
}

But I cant seem to find how to truly adjust the topbar. Here is the link to the landing page I am working on. (note no ssl yet, will get a warning)

http://www.bigbensmoving.us

[Melanie]

Melanie

#246384

Hi there,

I have been using your themes for a number of years now and just thought I would make a suggestion 🙂

Could I suggest there be a phone number option in the mobile header. I need to add this into pretty much every site I build.
When using Virtue theme – Most of the time I activate the search icon and then edit the mobile header code to remove the icon and search box and add in a phone icon and link to a phone number. It would be so handy if this was standard. Also it would be handy if when using the Simple mobile header option if some sort of topbar could be added there as I could put the phone number in a widget.

This goes for Ascend theme (though a little easier to customise) and Pinnacle.

At the moment the client is wanting the phone number to be displayed with an icon so its rather fiddly not using the simple mobile view and having to use css to style the mobile – but maybe I am just being lazy ha ha.

Love your work guys.

Thanks, Mel

[Melanie]

Melanie

#246384

Hi there,

I have been using your themes for a number of years now and just thought I would make a suggestion 🙂

Could I suggest there be a phone number option in the mobile header. I need to add this into pretty much every site I build.
When using Virtue theme – Most of the time I activate the search icon and then edit the mobile header code to remove the icon and search box and add in a phone icon and link to a phone number. It would be so handy if this was standard. Also it would be handy if when using the Simple mobile header option if some sort of topbar could be added there as I could put the phone number in a widget.

This goes for Ascend theme (though a little easier to customise) and Pinnacle.

At the moment the client is wanting the phone number to be displayed with an icon so its rather fiddly not using the simple mobile view and having to use css to style the mobile – but maybe I am just being lazy ha ha.

Love your work guys.

Thanks, Mel

[Tomas]

Tomas

#246380

Hi,

I am using Site Origin page builder on Virtue Premium Theme. Currently, I have a problem with widget animations on mobile phones. When I load same page on PC, animations work great. But, when I am looking from a mobile phone, I see only a blank page and content will not load itself and I have to roll over first to show up. Is there any advice on how to fix that? For a closer look at what I am writing about look for example on the following screencast.

This depicts the delayed responses of text and other content of one of my pages. Content will show only when I slide through all screen down.
*Login to see link

This picture depicts the layout of this page in WordPress.
*Login to see link

And this picture shows the settings of animation used for widgets.
*Login to see link

Thank you for any reply.

Sincerely,
Tomas.

[Tomas]

Tomas

#246380

Hi,

I am using Site Origin page builder on Virtue Premium Theme. Currently, I have a problem with widget animations on mobile phones. When I load same page on PC, animations work great. But, when I am looking from a mobile phone, I see only a blank page and content will not load itself and I have to roll over first to show up. Is there any advice on how to fix that? For a closer look at what I am writing about look for example on the following screencast.

This depicts the delayed responses of text and other content of one of my pages. Content will show only when I slide through all screen down.
*Login to see link

This picture depicts the layout of this page in WordPress.
*Login to see link

And this picture shows the settings of animation used for widgets.
*Login to see link

Thank you for any reply.

Sincerely,
Tomas.

[pdyoko]

pdyoko

#246366

Hi, Hannah, or Kevin or Ben… 😉

Hope you all are well.

I’m having difficulty with the widget appearing in the Header. Will send login info below…but so you know…here is what I’ve tried.

Theme Options > Choose Header Style > Option 5 with extras on each side – LOGO CENTERED
Theme Options > Header Extras> Checked first and second widget area

Appearance > Widgets > place widget in each Extra Widget Option.

Nothing. <sigh>

I looked from Custom CSS to make sure that I had not overwritten anything, but you might catch something I didn’t.

Any suggestions?
Pam

[pdyoko]

pdyoko

#246366

Hi, Hannah, or Kevin or Ben… 😉

Hope you all are well.

I’m having difficulty with the widget appearing in the Header. Will send login info below…but so you know…here is what I’ve tried.

Theme Options > Choose Header Style > Option 5 with extras on each side – LOGO CENTERED
Theme Options > Header Extras> Checked first and second widget area

Appearance > Widgets > place widget in each Extra Widget Option.

Nothing. <sigh>

I looked from Custom CSS to make sure that I had not overwritten anything, but you might catch something I didn’t.

Any suggestions?
Pam

[Annette]

Annette

#246361

I would really like to use this widget but each time I activate it the Ascend Testimonials widget ceases to work… *Login to see link

[Annette]

Annette

#246361

I would really like to use this widget but each time I activate it the Ascend Testimonials widget ceases to work… *Login to see link

[Sylvain]

Sylvain

#246341

Hello KT-Team,

I hope you are all well despite the current situation around the world.

As you probably know, the average time spent on a website is about 2 minutes (more or less depending on the specialization of the site) and sometimes we do not want to disturb the visitor during his research. Hence the interest of having an option to adjust the delay before the dock widget triggers. Currently the plugin allows to set a delay of 1 to 20 seconds.

Maybe it might make sense to increase the maximum delay to 120 seconds (instead of 20 seconds).This would allow for a better adjustment according to each individual’s needs.

What do you think?

Thanks in advance for your feedback and take care of yourselves.

Best Regards,
Sylvain

[Sylvain]

Sylvain

#246341

Hello KT-Team,

I hope you are all well despite the current situation around the world.

As you probably know, the average time spent on a website is about 2 minutes (more or less depending on the specialization of the site) and sometimes we do not want to disturb the visitor during his research. Hence the interest of having an option to adjust the delay before the dock widget triggers. Currently the plugin allows to set a delay of 1 to 20 seconds.

Maybe it might make sense to increase the maximum delay to 120 seconds (instead of 20 seconds).This would allow for a better adjustment according to each individual’s needs.

What do you think?

Thanks in advance for your feedback and take care of yourselves.

Best Regards,
Sylvain

[Diana]

Diana

#246331

After answering your question, I realized I needed to turn the topbar AND the widget on. Sorry for the ‘duh’ moment!

[Hannah]

Hannah

#246326

Hey Diana,
Do you have the topbar widget area enabled? Can you post a link?

Hannah

[Hannah]

Hannah

#246309

Try adding this to your custom css:

@media (min-width: 768px) and (max-width: 992px) {
#pg-w5e70b9176941d-0> .panel-row-style {
    padding: 400px 50px !important;
}
}

Does that resolve for tablets?

This will adjust your font sizes on tablet and mobile:

@media (max-width: 992px) {
#pgc-23-0-0 h3 {
    font-size: 16px;
    line-height: 20px;
}
#pgc-23-0-0 .so-widget-sow-editor.so-widget-sow-editor-base h5 {
    font-size: 12px;
    line-height: 18px;
}
}

Hannah