Search Results for 'widget '

[Hannah]

Hannah

#201834

Site style 1 has the front page set as a static page (settings > reading). Then in Theme Options > Home Layout in the Homepage Layout Manager Icon Menu is enabled, then Featured Products, then Portfolio Carousel, then Latest Blog Posts. And then lastly, Page Content. Page Content will display whatever you have enabled in your static page. Which in the demo, it is a call to action widget enabled through Page Builder and with the row background set to parallax with a background image.
Hope that explains it well! Let me know if you have questions on specific configurations.

Hannah

[Ben Ritner]

Ben Ritner

#201721

1. Update the css to this:

@media (min-width: 992px){
    .kad-header-widget {
        width: 50%;
    }
    .kad-header-left {
        width: 25%;
        padding:0;
    }
    #kad-banner > .container {
        position:relative;
    }
    #kad-banner > .container > .row:nth-child(1) {
        width: 100%;
        margin: 0;
        float:none;
    }
    #kad-banner > .container > .row:nth-child(2) {
        width: 25%;
        float: right;
        margin: 0;
        position:absolute;
        top:0;
        right: 15px;
    }
    .kad-header-right {
        padding: 0;
    }
    .col-md-12>#nav-main ul.sf-menu {
        text-align: right;
    }
    #nav-main ul.sf-menu a {
        padding: 10px;
    }
}

2. Add this css:

.widget-first.header-widget-area-header {
    margin-top: 5px;
    margin-bottom: 5px;
}

[v.stishenok]

v.stishenok

#201707

This reply has been marked as private.

[Ben Ritner]

Ben Ritner

#201696

You should not use the theme payments widget if you don’t want to use the build in icons. Just add a text widget and place your images into it at the size you want them to show. The theme uses icons not images so it’s a totally different setup and it’s best to not add things to it. It should be very simple for you to add a text widget and place your images.

Ben

[Ben Ritner]

Ben Ritner

#201687

You can add this css:

@media (min-width: 992px){
    .kad-header-widget {
        width: 75%;
    }
    .kad-header-left {
        width: 25%;
    }
    #kad-banner > .container > .row:nth-child(1) {
        width: 75%;
        margin: 0;
        float:left;
    }
    #kad-banner > .container > .row:nth-child(2) {
        width: 25%;
        float: left;
        margin: 0;
    }
    .kad-header-right {
        padding: 0;
    }
    .col-md-12>#nav-main ul.sf-menu {
        text-align: right;
    }
    #nav-main ul.sf-menu a {
        padding: 10px;
    }
}

Ben

[Mike]

Mike

#201675

As us ancient computer scientists used to say back in the old days, software s/be written well enough to be burned onto a PROM (programmable read-only memory — immutable) chip. Looks like Kadence Widget Dock is good stuff! 🙂

[Maxim]

Maxim

#201674

Hi Hannah!
Thank you so much for your response!
I moved the widget to column 1 and logo with social buttons are in column 2. Social buttons are supposed to be in the center.
And now it looks like this:
https://www.dropbox.com/s/t0lkafds38oce3e/Screenshot%202018-09-17%2013.43.28.png?dl=0
What am I doing wrong?

UPD: I would also specify that I’m pursuing this look: https://www.dropbox.com/s/um1h84dqut3qkkz/Screenshot-2018-09-17-13.43.28_1.png?dl=0

Thank you!

[Kevin]

Kevin

#201625

Hello,

How were you adding it to the topbar? If through widget, you can enable a header widget area in Theme Options> Header Settings.

Then go to Appearance> Widgets and assign the widget.

Does that work for you?

-Kevin

[Annette]

Annette

#201607

Thanks – that works great for the menu bar but I would like to leave the header size as it was so the widgets are in line with the page and not off the page. Is that possible?

[Hannah]

Hannah

#201600

Hi Maxim,
You need to place your widget into footer column 1. Right now it looks like you’ve added it to footer column 4.
Hope that helps!

Hannah

[Bernat]

Bernat

#201579

This reply has been marked as private.

[Hannah]

Hannah

#201505

OK I see now. In Theme Options > Main Settings > Logo Options choose the last logo layout with the widget area. Then navigate to Appearance > Widgets and add a text widget to your header widget area. Then add your kadence slider shortcode to that widget. Does that work for you?

Hannah

[Mike]

Mike

#201473

Hi,

Just an FYI: Wordfence is now flagging it as abandoned…

* The Plugin "Kadence Widget Dock" appears to be abandoned (updated September 14, 2016, tested to WP 4.0).

I assume that it’s due to the stale updated date and/or WP version, but didn’t look into it b/c I don’t care (not currently using it). I’ll just uninstall the plugin until I need it.

[Mike]

Mike

#201473

Hi,

Just an FYI: Wordfence is now flagging it as abandoned…

* The Plugin "Kadence Widget Dock" appears to be abandoned (updated September 14, 2016, tested to WP 4.0).

I assume that it’s due to the stale updated date and/or WP version, but didn’t look into it b/c I don’t care (not currently using it). I’ll just uninstall the plugin until I need it.

[Kevin]

Kevin

#201452

You should be able to if you also enable the widget area in the mobile top icon bar. Then add the text in Appearance> Widgets.

Let me know if that works for you.

-Kevin

[v.stishenok]

v.stishenok

#201450

This reply has been marked as private.

[Ben Ritner]

Ben Ritner

#201448

Hey,
It’s not an option to add html into the title areas of an image menu item widget.

I suppose you could use a shortcode and pull this off:

[img_menu height="600" image_url="http://www.bymmotor.eus/wp-content/uploads/2018/08/TALLER-1.jpg" title="400 m<sup>2</sup> de instalaciones con la última tecnología en maquinaria y herramienta" link="http://www.bymmotor.eus/#instalaciones" align="center" valign="center"]

Please in the future use the correct theme forums: https://www.kadencewp.com/support-forums/forum/ascend-theme/

[Hannah]

Hannah

#201439

Hi Vladimir,
1. In the css Kevin provided try changing this:

.footerclass .kadence_social_widget a {
    display: inline-flex;
    flex-direction: column;
}

to this:

.kadence_social_widget a {
    display: inline-flex;
    flex-direction: column;
}

You can change the background with this css:

.kadence_social_widget a {
    background: #999;
}

And the background hover with this css:

.kadence_social_widget a:hover {
    background: #999 !important;
}

3. You can use this css to change the color of your other elements in your testimonial carousel:

.testimonial-box .testimonial-img i {
    color: #fc8904;
}
.testimonial-box .testimonial-img {
border-color: #fc8904;
}
.kt-slickslider .slick-prev, .kt-slickslider .slick-next {
background: #fc8904;
}
.testimonial-bottom .lipbg.kad-arrow-down {
    border-top: 20px solid #fc8904;
}

7. Try adding this css:

.second-navclass {
    z-index: 1000;
}

Does that fix it?

Hannah

[Ben Ritner]

Ben Ritner

#201435

1. I’m not seeing them at the bottom. What browser are you using? If you want to change the colors you can add this css:

.footerclass .kadence_social_widget a {
    color: blue;
    border-color: blue;
}

3.

.testimonial-bottom .lipbg.kad-arrow-down {
    border-top-color: #fb8904;
} 

7. It seems that elementor pro is loading some sticky javascript that is overriding the theme. I’ll have to look for a fix and run some tests to see if you can turn this off in elementor pro

[Kevin]

Kevin

#201322

1. Try this CSS. Change the order as needed.

.kadence_social_widget.clearfix {
    display: flex;
}
.kadence_social_widget a {
    padding-top: 9px;
}
.footerclass .kadence_social_widget a {
    display: inline-flex;
    flex-direction: column;
}
.kadence_social_widget.clearfix {
    display: flex;
}
a.facebook_link {
    order: 4;
}
a.twitter_link {
    order: 3;
}
a.instagram_link {
    order: 2;
}
a.vk_link {
    order: 1;
}

3. This will target the testimonial border:

.testimonial-box {
    border: 2px solid #FA8926;
}

This will target the social border. Change the properties as needed.

.kadence_social_widget a {
    border: 2px solid red;
}

4. Try uploading the icons and linking them to here. Then I’ll try to replace with CSS.

6. Try this CSS:

@media (max-width: 992px) {
.kt-social-align-center {
    padding-bottom: 100px;
}
}

7. Try this CSS:

header#kad-header-menu {
    padding-top: 200px;
}

Your site seems to have stopped loading for me. Are you having server problems?

-Kevin

[Kevin]

Kevin

#201308

Hey,

In the future, please limit questions to one or two per post. Otherwise these threads can get pretty confusing. Also always include a link to the site you’re working on with all posts. Thanks!

1. This can be done with some CSS. Please post a link and I can provide it.

2. Add this CSS to Theme Options> Custom CSS:

.kadence_social_widget a {
    border-radius: 40px;
}

3. I can provide the CSS with a link.

4. I’m not sure if you can add to this widget. You may need to find another plugin. What are the payment methods that you want to add?

5. This CSS will change your button’s font weight:

a.btn {
    font-weight: 400;
}

6. Again, please post a link.

7. Once you share a link I’ll be able to help more with this as well.

-Kevin