Search Results for 'widget '

[GWamal]

GWamal

#227324

Bonjour, j’aimerai centré une image dans le widget d’en tête qui est trop a gauche !
Comment puis-je faire s’il vous plait ?

Merci pour votre réponse

[GWamal]

GWamal

#227324

Bonjour, j’aimerai centré une image dans le widget d’en tête qui est trop a gauche !
Comment puis-je faire s’il vous plait ?

Merci pour votre réponse

[Joshua]

Joshua

#227317

Well I feel silly. I found a solution & in case it’s the correct one I’ll leave it here for people to see. If there is a better way to do this by all means let me know.

.kad-topbar-flex-item.kad-topbar-widget-area {
    display: flex;
    grid-column-gap: 20px;
}

I added in grid-column-gap and it’s spaced them out fine now.

[Joshua]

Joshua

#227315

I’ve got the topbar set to show in my theme. I’ve enabled the topbar widget area to the right. I’ve added in 3 widgets (Social Icons, Text, Opening Hours). I’ve been able to get them to display in a line instead of on top of each other by using:

.kad-topbar-flex-item.kad-topbar-widget-area {
display: flex;
}

But they are sitting against each other. What do I need to add to the CSS to add some space between the widgets in the topbar? I’ve tried various margins, padding, etc but I’m not having any results that I’m looking for so I assume I’m touching the wrong parts.

[Joshua]

Joshua

#227315

I’ve got the topbar set to show in my theme. I’ve enabled the topbar widget area to the right. I’ve added in 3 widgets (Social Icons, Text, Opening Hours). I’ve been able to get them to display in a line instead of on top of each other by using:

.kad-topbar-flex-item.kad-topbar-widget-area {
display: flex;
}

But they are sitting against each other. What do I need to add to the CSS to add some space between the widgets in the topbar? I’ve tried various margins, padding, etc but I’m not having any results that I’m looking for so I assume I’m touching the wrong parts.

[Ben Ritner]

Ben Ritner

#227296

What you posted seems to be missing the div tag, do they suggest that the div tag have a specific class or ID that is where the output would be and that is what you need to place into your sidebar, the whole thing can be placed into your sidebar in a custom html widget.

Ben

[Ben Ritner]

Ben Ritner

#227289

Here is the css:

@media (max-width: 992px){
    .kad-header-widget .widget_media_image {
        display: none;
    }
}

[Ben Ritner]

Ben Ritner

#227288

Can you send me a login or a screen shot of your widget settings? From the output, it shows the image set to “medium” size.

Ben

[galinamf]

galinamf

#227287

Dear Ben,

Honestly, I dont know how it happened, maybe this size setting was done for something else and affected this widget? I want it to be full size to cover all empty space to the right from logo and be centered.
Also, Hannah mentioned that I can hide it in mobile view with css. Can you, please, share the code?

Thank you very much!

[Ben Ritner]

Ben Ritner

#227282

Hey, So I’m not sure what you are wanting, the image is output in the size you have it set to in your widget settings (300×75). are you wanting it larger? Are you wanting it aligned right?

Ben

[cmjornalismo]

cmjornalismo

#227252

Thank you, Ben! That did it for the columns.

Since Elementor showed it as a grid while I was editing, I actually thought that the widget could load as a grid, which I prefer. So that’s why I chose not to show arrows, pagination or auto scroll, to kind of force it into a grid. Now I know that’s not possible, so I’ll see if I’ll use it as a Carousel indeed or if I’ll try something different. I want to show Latest Posts in a grid format, so maybe I’ll just enable the Latest Posts module at the Home Page Layout. It messes the layout I bit since I’ll have to choose if I want the module before or after the Page Content (the Carousel I can simply add wherever I want it), but it’s an option. If you have any other suggestion on how to add Latest Posts as a grid format inside the Page Content I’m building using Elementor, I’ll be glad to hear.

There’s one more thing, though. Both the Carousel widget and the Latest Posts module are not respecting the number of posts I choose to show. Take the Carousel, for example. I set it to show 6 itens, but when it’s published it shows all 12 posts. The same thing happens with the Latest Posts module. I’ve added it to the homepage to see how it would look like and set it to 3 columns, 6 posts, but it’s also showing all 12 posts. It seems every functionality regarding Latest Posts is having that problem. If I go to Theme Options – Home Page Header Content and choose the Post Carousel at the home page header settings, it also pulls every post instead of only the 4 I’ve set as Home Post Carousel max items.

Could you please take a look at what might be causing that?
Thanks a lot!

Carolina

[David]

David

#227236

Hi,
Sorry to come back on this again. You’ll know how it is, when you find your way around one problem another appears.

Having re-smushed images and changed the settings in the widget to set the image height (to 232) and setting the height setting to ‘height setting above’ rather than ‘image size’ it forces the widget to fit a compressed image, however the carousel now runs with spaces, leaving gaps between the first and last images. See the link below.

https://takinginthesights.com/destinations/

If you scroll down to ‘Explore by City’ youll see what is happenning. To demonstrate the difference I’ve left the carousel under ‘Explore by Travel Type’ set to ‘image size’ wich runs fine. The trouble here is that it is using the full size images and increasing loading times.

Look forward to hearing from you.

David

[Ben Ritner]

Ben Ritner

#227208

Where are you seeing these product category links?

If you are adding a product category widget, for example, you can set it to not show empty categories.

Ben

[Ben Ritner]

Ben Ritner

#227207

Hey,
The columns within Ascend are set up to be responsive. The base is for standard desktop and laptop screens. If your sites max width is larger then 1140px (yours is, it’s set to 1440 theme options > layout) then the columns can increase just like they will decrease on smaller screens. This keeps your columns from getting unruly on really large screens.

There is a way to override this through right in the carousel settings if you scroll down to “Above 1500px screen width columns:” and “1200px – 1500px screen width columns:” you can set that to 3 columns and make it three for all larger screens.

In terms of showing all your content, while the widget is added or being edited it won’t’ load the carousel in Elementor, it falls back to a grid because the init carousel function runs on page load, so if you are in Elementor you can reload the page and it will load that carousel as a carousel, not a grid.

In your widget settings, you have said for the carousel to not show arrows, not show pagination and not auto scroll, effectively making it not function as a carousel.

You just need to turn on the arrows or the pagination or the auto scroll and then you would see the other items in your carousel.

Ben

[Åsa]

Åsa

#227165

Thank you Hannah, I knew that I have seen Header and Footer cripts, but I just couldn’t figure out where!

The script is in place, but then what…? How do I “call” for my script to work in a widget?

[Ben Ritner]

Ben Ritner

#227164

The issue is that there is never even spacing between the top and bottom

Your plugin is adding a margin on the bottom of 50px, this provides space for the caption of the video to show when you hover over the thumbnails.

In your pagebuilder widget, you can add a top margin of 50px to make the spacing appear more centered in the row.

Ben

[Hannah]

Hannah

#227144

Hey,
The dimensions vary from screen size to screen size. The widget area takes up about 66% of the header length. Your image should scale down when added to fill the space.
If using the simple mobile header it will hide the widget area on mobile. Or you can use css to hide it.

Hannah

[Thomas]

Thomas

#227143

For what it’s worth – I used to be able to do this. I don’t know what happened…maybe there was a theme update or something. In fact, the way I was alerted to the change was that I randomly noticed the other day that all of my widget content had been mixed up, so I had to spend an hour or two rebuilding all of my widget content, only to discover that I could no longer assign custom sidebars to specific posts and post category archive pages. For example, I have some custom fields that I build out in my Events category posts, which then display in the sidebar when looking at the post (time, date, locations, etc.) I used to have this built out, but somehow it went away. I’m just looking for the right way to rebuild that.

[Hannah]

Hannah

#227140

Hey,
Upgrading free to premium would not necessarily require development time, but you would have to reassign your widgets and likely adjust some settings in theme options. See “Upgrading Free to Premium” here: https://kb.kadencethemes.com/knowledge-base/install-virtue-premium-and-upgrade-from-free/

Hannah

[Hannah]

Hannah

#227137

2. Try this css:

.top-icon-bar-item .kadence_social_widget a {
    width: 25px;
    line-height: 25px;
    height: 25px;
    font-size: 15px;
}

3. Oh sorry. It looks like you have a lot of empty p tags above your second video that is adding a lot of space. Do you see that? Are you able to remove those?

Hannah

[cmjornalismo]

cmjornalismo

#227135

Hi guys!

I’m having a problem with the Ascend Carousel widget. Here’s what it is: I’m building the homepage using Elementor. I’ve added the carousel widget with the following configuration: blog posts photo output, 3 columns, 6 itens, scroll setting 1 item. While I’m editing, Elementor shows as if everything’s working fine, as you can see on the printscreen I’m sending. But when I publish the page, the Carousel expands to 4 columns, instead of 3, and doesn’t display all 6 itens (see the other printscreen). I tried changing it to a different number of columns, just for testing, but it’s always adding one extra column and not displaying all the itens. I’ve cleared the cache, updated all plugins, and tried opening the website on different browsers, but the problem continues.

I’m currently using Elementor’s maintenance mode, so only the admin can view the website. I’m sending a temporary login information on a private reply so you guys can take a look.

Thank you,
Carolina

[cmjornalismo]

cmjornalismo

#227135

Hi guys!

I’m having a problem with the Ascend Carousel widget. Here’s what it is: I’m building the homepage using Elementor. I’ve added the carousel widget with the following configuration: blog posts photo output, 3 columns, 6 itens, scroll setting 1 item. While I’m editing, Elementor shows as if everything’s working fine, as you can see on the printscreen I’m sending. But when I publish the page, the Carousel expands to 4 columns, instead of 3, and doesn’t display all 6 itens (see the other printscreen). I tried changing it to a different number of columns, just for testing, but it’s always adding one extra column and not displaying all the itens. I’ve cleared the cache, updated all plugins, and tried opening the website on different browsers, but the problem continues.

I’m currently using Elementor’s maintenance mode, so only the admin can view the website. I’m sending a temporary login information on a private reply so you guys can take a look.

Thank you,
Carolina

[mrtwanstall]

mrtwanstall

#227133

This reply has been marked as private.