Using Kadence theme and SiteOrigin vs Ascend Premium

[Robert]

Robert

November 4, 2020 at 11:23 am

I have been using Ascend Premium for a couple of years and was looking into moving up to Kadence theme and the new (pro) blocks. It’s a bit confusing. I see some things I can’t get at from Kadence Theme (widgets are missing). And if I use SiteOrigin Layout, I can’t get to Kadence blocks.

For example, with Ascend I use the Image Menu Item widget and the Testimonial Carousel widget. However, with Kadence as the active theme, and I insert a “SiteOrigin” layout, there is no Image Menu and no Testimonial Carousel widgets. And I cannot insert any blocks into the SiteOrigin layout. It seems I can only pick widgets and many of them are missing. (I just realized all my testimonials are missing under the Kadence theme too. At least I can’t find them! I have hundreds under the Ascend Premium theme. How do I get them to show up under the Kadence theme?)

If I use the block approach, I can insert Kadence blocks and I see an Image Overlay block, which looks like the “Ascend: Image Menu Item”, but behaves quite a bit differently. For example, I cannot control the height of each image, I can just set minimum image height and, thus on my row of 6 cells they don’t line up in a nice neat row with all images the same height. I can also not set the “gutter” between the images as I would like. I can set it to a “skinny 10px”, but I would like to set it to 2 px as I do on the top and bottom border. Also, if I insert a “row layout” block and insert a single column block inside, and set a “background image”, I can put a top and bottom border, but not a left and right border, so the image runs up to the left and right edge. But if I go back to the SiteOrigin layout and insert a row (single column) and an image, I can put a left, right, top, and bottom border. I’m probably using the term border incorrectly. As I see the terms, gutter, border, padding, and margin throughout and I am not sure what each means, so I play around with them until I get what I want!

I also can’t find out how to change the “background color” for the “image overlay” block. It defaults to orange and I want ti to be blue from my current settings. I looked at the html and see:

class=”kt-image-overlay-color” style=”background-color:#e76106;opacity:0.6″

So I think that is set as HEX e76106, with 60% opacity. But I can’t find on the “customize theme” menus where to change it.

I’m running the Kadence theme under a localhost, so I don’t think I can give you a link to it, unless you know a cool way to do that! I can upload some screen shots, but that won’t show any of the code.

A lot of questions, I know. But I haven’t bothered you for some time!

I don’t have to change to the Kadence Theme, but thought I read somewhere where it might run faster using blocks and may clean up the html code quite a bit. Also not sure how long the old editors and Pagebuilder will be available.

Live site: *Login to see link

Thanks for your patience and help! /Bob DeCloss